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

Ответ 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)