如何在JavaScript/React中将数组转换为指定统一键的对象数组？

嘿，这事儿超简单，用JavaScript数组的map方法就能完美解决，一行代码搞定！

实现代码 #

首先是你的原始数组：

const myArray = ['position zero', 'position one', 'position three', 'position four'];

然后用map遍历转换：

const objectArray = myArray.map(item => ({ position: item }));

为啥这么写？ #

map方法会遍历数组里的每一个元素，对每个元素执行你传入的回调函数，最后把所有回调的返回值拼成一个新数组返回。这里的箭头函数里，我们把每个字符串item包装成一个带有position键的对象——注意要把对象用括号()包起来，不然JavaScript会把大括号当成函数的代码块，而不是对象字面量哦。

兼容旧环境的写法 #

如果需要兼容不支持箭头函数的老浏览器，换成普通函数写法就行：

const objectArray = myArray.map(function(item) {
  return { position: item };
});

最终结果 #

转换后的objectArray就是你想要的样子：

[
  { position: 'position zero' },
  { position: 'position one' },
  { position: 'position three' },
  { position: 'position four' }
]

内容的提问来源于stack exchange，提问作者Reagan SCOFIELD