在react.js中的对象内迭代

时间:2017-03-19 18:47:22

标签: javascript reactjs object iteration

我是新手反应和javascript,我在处理任务时遇到了一些困难。让我们开始吧。我有和像这样的数组: clients = [“Alex”,“Jimmy”]然后我用以下方式创建另一个数组:

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

因此,每个i的portf数组都使用以下值创建: 对于i = 0 portf = 1,2,3和i = 1 portf = 4,5,6 我想使用迭代创建具有以下格式的对象数组:

var ops = [{

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

你知道怎么做吗?

1 个答案:

答案 0 :(得分: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 }))
  }
})