如何使用Destructuring将两个字符串数组转换为键值对对象？

你的代码触发ESLint提示，是因为在map回调中通过索引words2[n]访问数组元素，ESLint推荐用解构语法来获取这类值。下面是几种符合要求的实现方式：

方式一：结合reduce与解构赋值 #

const wordMap = words1.reduce((map, key, index) => {
  // 通过解构获取对应索引的value
  const [value] = words2.slice(index, index + 1);
  map[key] = value;
  return map;
}, {});

这里通过slice取出包含目标元素的子数组，再用解构赋值获取value，完全符合prefer destructuring规则。

方式二：for...of循环配合解构（易读性更高） #

如果你的环境支持ES6+，这种写法更直观：

const wordMap = {};
// 先生成[key, value]格式的配对数组
const keyValuePairs = words1.map((key, i) => [key, words2[i]]);
// 用解构遍历每一组键值对
for (const [key, value] of keyValuePairs) {
  wordMap[key] = value;
}

for...of循环中的解构直接将每一组配对拆分为key和value，既满足ESLint要求，代码逻辑也清晰易懂。

方式三：Object.fromEntries + 解构（最紧凑） #

如果支持ES2019+，可以用Object.fromEntries直接将键值对数组转为对象，同时结合解构满足规则：

const wordMap = Object.fromEntries(
  words1.map((key, index) => {
    // 解构获取对应位置的value
    const [value] = [words2[index]];
    return [key, value];
  })
);

这种写法把数组转对象的过程压缩到一行内，同时通过解构符合ESLint的提示要求。

另外补充一点：你原本用map来做循环操作其实不太合适，map的设计目的是生成新数组，仅做循环的话用forEach语义更准确，但上面的几种方式已经优化了这个问题。

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