ES6映射对象的数组，返回对象的数组新的密钥

Question

我有对象的数组：

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

Answer 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)