在 react.js 中对象内部迭代

Question

我是 react 和 JavaScript 的新手，在处理任务时遇到了一些困难。让我们开始吧。我有这样的数组：客户端 = ["Alex"， "Jimmy"]，然后我通过以下方式创建另一个数组：

for (var i = 0; i < clients.length; i++) {
  var portf = Object.keys(obj.portfolios);
}

结果，对于每个 i，将使用以下值创建一个 portf 数组：对于 i = 0，端口f = 1,2,3 和对于 i = 1，端口f = 4,5,6我想使用迭代创建和使用以下格式的对象数组：

var ops = [{
    label: "Alex",
    options: [
       {value: 1}, 
       {value: 2}, 
       {value: 3}
    ],
    label: 'Jimmy',
    options: [
       {value: 4}, 
       {value: 5}, 
       {value: 6}
    ]

你知道怎么做吗？

Answer 1

您可以使用 Array.prototype.map：

const opts = clients.map(client => {
  const obj = clients.getIn([client]);
  const portf = Object.keys(obj.portfolios);
  return {
    label: client,
    options: portf.map(value => ({ value }))
  }
})