ES6 映射对象数组，以返回具有新键的对象数组

javascript ecmascript-6

2022-08-30 00:19:21

我有一个对象数组：

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

答案 1

您只需要将对象包装进去()

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

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

答案 2