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'
}
]
所以我可以用适当的键轻松地将它们放入react下拉菜单中。
我觉得这个简单的解决方案应该工作,但我得到无效的语法错误:
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)
相关文章:
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 根据id将json数组组合为一个json数组
- JavaScript数组包含一个值
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- jQuery$.inArray()总是返回-1和一个对象数组
- 在数组中的一个元素上设置多个值
- javascript处理一个对象数组以获得一个新的对象数组
- 作为一个二维数组,从ajax接收
- 你能用来自数组的属性名称生成一个对象吗
- 多维关联数组的最后一个索引
- 如何创建一个方法来验证数组的范围
- 循环以检查数组中的最后一个图像
- 在Javascript中将一个值和字符串数组转换为if语句
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 如何将一个对象添加到每个对象数组中
- 如何创建一个谷歌地图地理坐标数组
- 如何从另一个带下划线的数组中筛选带元素的数组
- 使用window.location.htm和匹配的URL数组(一个用于桌面,一个用于移动)将桌面网站重定向到移动
- Javascript排序多维数组-一个完整的例子
- 刽子手的游戏.2数组.一个需要相应地更新另一个