ES6映射一个对象数组，以返回带有新键的对象数组 [英] ES6 map an array of objects, to return an array of objects with new keys

问题描述

我有一个对象数组：

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

寻找简单的单行返回：

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

所以我可以使用正确的键轻松将它们泵入反应下拉列表。

So I can easily pump them into a react dropdown with the proper keys.

我觉得这个简单的解决方案应该有效，但我的语法错误无效：

I feel like this simple solution should work, but I'm getting invalid syntax errors:

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)

这篇关于ES6映射一个对象数组，以返回带有新键的对象数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！