javascript - React.js 中对象内部的迭代

标签 javascript reactjs object iteration

我是 React 和 JavaScript 新手,在处理任务时遇到一些困难。让我们开始吧。我有这样的数组: client = ["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}
    ]

你知道怎么做吗?

最佳答案

您可以使用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 }))
  }
})

关于javascript - React.js 中对象内部的迭代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42890691/

相关文章:

C++ - 按包含的对象属性对多维 vector 进行排序

javascript - react : Grab change on input value done by jQuery

javascript - React 中的 new Date().getFullYear()

javascript - 读取 DataContext 对象的数据

c++ - 我们可以像这样初始化一个 C++ 对象吗?

html - HTML Flash 加载中的 "adobe flash player has stopped a potentially unsafe operation"

Javascript 正则表达式占位符打印字符串而不是其值

Javascript 变量不更新值

javascript - 轻轻滚动到页面的一部分的脚本在 javascript 上生成错误

javascript - 为什么 parseInt() 不起作用?