JavaScript：如何将字符串数组转为对象数组？支持原地转换吗？

一、创建新数组（推荐，不修改原数组） #

最简洁且符合现代JS最佳实践的方式是使用Array.map()方法，它会遍历原数组并返回一个全新的转换后的数组，完全不会改动原数组的内容：

const names = ['name1', 'name2', 'name3'];
const newArray = names.map(name => ({ name }));
// 结果：[{ name: 'name1' }, { name: 'name2' }, { name: 'name3' }]

这里的箭头函数用括号包裹对象字面量，是为了避免JS把大括号当成函数体的分隔符，相当于return { name: name }的简写形式。

二、原地修改原数组（不推荐，除非必要） #

如果你确实需要直接修改原数组而不创建新数组，也是可以做到的，但要注意这种原地突变可能会导致其他依赖原数组的代码出现意外问题，所以一般不建议这么做。

方式1：使用forEach遍历修改

const names = ['name1', 'name2', 'name3'];
names.forEach((item, index) => {
  names[index] = { name: item };
});
// 此时names已经变成目标对象数组：[{ name: 'name1' }, ...]

方式2：使用普通for循环（性能略优）

如果数组规模很大，普通for循环的性能会比forEach稍好一些：

const names = ['name1', 'name2', 'name3'];
for (let i = 0; i < names.length; i++) {
  names[i] = { name: names[i] };
}

小提示 #

通常来说，保持数据的不可变性（即不修改原数据，而是生成新数据）会让代码更易维护、更少出现难以排查的bug，所以优先选择map()的方式。只有在明确知道不需要保留原数组内容，且对性能有极致要求的场景下，才考虑原地修改。

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