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

我有一个对象数组:

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

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

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

所以我可以很容易地把它们泵到一个反应下拉下与适当的关键。

我觉得这个简单的解决方案应该工作，但我得到无效的语法错误:

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

javascript
ecmascript-6

410873 次浏览

小开

你只需要在()中包装object

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


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