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

ES6 map an array of objects, to return an array of objects with new keys

本文关键字:数组 一个 新键 对象 一个对象 映射 返回 ES6      更新时间:2023-09-26

我有一个对象数组:

[
    {
        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)