如何拼接两个等长JavaScript数组生成对应元素组合的字符串数组

JS 本身没有内置专门用于拼接两个等长数组对应元素的方法，以下是几种可直接落地的实现方案：

1. 基础循环实现（全环境兼容） #

逻辑最直观，兼容所有新旧 JS 运行环境，不需要依赖任何高级语法：

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = [];

for (let i = 0; i < array1.length; i++) {
  array3.push(array1[i] + array2[i]);
}

// array3 输出结果：['ad', 'be', 'cf']

2. map 简化实现（现代环境推荐） #

利用数组内置的 map 方法简化代码，写法更简洁，现代浏览器、Node.js 均支持：

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.map((item, index) => item + array2[index]);

3. 通用函数封装（适合高频复用场景） #

如果需要多次使用该能力，可以封装成通用工具函数，还可额外添加长度校验避免异常输入：

function concatMatchItems(arr1, arr2) {
  // 可选校验：避免传入不等长数组产生非预期结果
  if (arr1.length !== arr2.length) {
    throw new Error('传入的两个数组长度必须相等');
  }
  return arr1.map((item, idx) => item + arr2[idx]);
}

// 调用示例
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = concatMatchItems(array1, array2);

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