javascript - ES6 映射一个对象数组,返回一个带有新键的对象数组

标签 javascript ecmascript-6

<分区>

我有一个对象数组:

[
    {
        id: 1,
        name: 'bill'
    },
    {
        id: 2,
        name: 'ted'
    }
]

寻找一个简单的单行返回:

[
    {
        value: 1,
        text: 'bill'
    },
    {
        value: 2,
        text: 'ted'
    }
]

因此,我可以使用适当的键轻松地将它们放入 React 下拉列表中。

我觉得这个简单的解决方案应该可行,但我遇到了无效的语法错误:

this.props.people.map(person => { value: person.id, text: person.name })

最佳答案

你只需要将对象包装在 ()

var arr = [{
  id: 1,
  name: 'bill'
}, {
  id: 2,
  name: 'ted'
}]

var result = arr.map(person => ({ value: person.id, text: person.name }));
console.log(result)

关于javascript - ES6 映射一个对象数组,返回一个带有新键的对象数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40348171/

相关文章:

javascript - 在 HTML 中嵌入 jquery.tablesorter.widgets.js

javascript - 如何在 Chrome 扩展的内容脚本中导入 ES6 模块

javascript - React 使用外部函数作为方法

javascript - 从Javascript中的当前事件获取最近的祖先

javascript - Webpack 和外部库 : ProvidePlugin vs entry vs global import?

javascript - Firefox 帧率最大限制

c# - 将 angularJs 范围内容传递给 javascript 变量

javascript - 隐藏从 SD 卡库下载的文件 - PhoneGap

javascript - Typescript 接口(interface)作为一系列 OR 接口(interface)

javascript - 运行 Babel 应用程序时出错