如何将字符串数组转换为所有键为path的对象？

嘿，先给你敲个重点：JavaScript 对象的键是唯一的！你想要的那种{path: 'a.png', path: 'b.png', ...}结构其实是无效的——当你给对象添加重复键时，后面的键值对会直接覆盖前面的，最终这个对象里只会剩下最后一个path对应的数值，完全达不到你想要的效果。

我猜你实际需求应该是把数组里的每个元素都包装成一个带path键的对象，组成一个新的对象数组？如果是这样的话，有几种简单的实现方式：

方法1：用Array.map()快速转换（最推荐） #

map()方法天生就是用来做这种数组元素转换的，一行代码就能搞定：

const arr = ['a.png', 'b.png', 'c.png', 'd.png'];
const result = arr.map(item => ({ path: item }));

// 输出结果：[{path: 'a.png'}, {path: 'b.png'}, {path: 'c.png'}, {path: 'd.png'}]

注意这里箭头函数返回对象时要加括号，不然JS会把大括号当成代码块处理，导致返回undefined。

方法2：用forEach()手动构建数组 #

如果你更喜欢手动遍历的方式，forEach也能轻松实现：

const arr = ['a.png', 'b.png', 'c.png', 'd.png'];
const result = [];

arr.forEach(item => {
  result.push({ path: item });
});

最终得到的结果和上面完全一致。

特殊场景：一定要用单个对象的情况（不推荐） #

如果你确实有特殊需求必须用单个对象，那只能给每个键加唯一标识，比如索引后缀：

const arr = ['a.png', 'b.png', 'c.png', 'd.png'];
const result = {};

arr.forEach((item, index) => {
  result[`path_${index}`] = item;
});

// 输出：{path_0: 'a.png', path_1: 'b.png', path_2: 'c.png', path_3: 'd.png'}

但这种方式可读性差，后续操作也麻烦，除非迫不得已，否则还是优先选择对象数组的方案。

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