如何将两个数组压缩为包含对应值的字符串数组？

嘿，这个需求在日常开发里挺常见的，我给你分享几种简单易上手的实现方式，都能满足你的要求：

方法一：用 map 方法（最简洁） #

Array.prototype.map() 是最适配这个场景的工具，它遍历数组每个元素的同时，能拿到当前元素的索引，刚好用来匹配另一个数组对应位置的值：

const array1 = ['a','b'];
const array2 = [1, 1];
const newArray = array1.map((item, index) => `${item}:${array2[index]}`);

console.log(newArray); // 输出：['a:1', 'b:1']

这里用了ES6模板字符串（`${变量}`）拼接内容，比传统加号拼接更清晰易读。需要注意的是，这个方法默认两个数组长度一致；如果长度不同，超出部分会拿到undefined，你可以根据需求加判断处理边界情况。

方法二：用 for 循环（更直观，适合新手） #

如果是刚接触JavaScript的朋友，用for循环实现会更直观，能清楚看到每一步的操作逻辑：

const array1 = ['a','b'];
const array2 = [1, 1];
const newArray = [];

// 遍历数组，逐个拼接后推入新数组
for (let i = 0; i < array1.length; i++) {
  newArray.push(`${array1[i]}:${array2[i]}`);
}

console.log(newArray); // 输出：['a:1', 'b:1']

处理数组长度不一致的情况 #

如果你的两个数组长度可能不同，建议取较短数组的长度来遍历，避免出现undefined：

const array1 = ['a','b','c'];
const array2 = [1, 1];
const maxLength = Math.min(array1.length, array2.length);
const newArray = [];

for (let i = 0; i < maxLength; i++) {
  newArray.push(`${array1[i]}:${array2[i]}`);
}

console.log(newArray); // 输出：['a:1', 'b:1']

或者用map的时候加判断：

const newArray = array1.map((item, index) => {
  // 如果另一个数组没有对应索引的值，只返回当前元素（或你想要的其他处理逻辑）
  if (index >= array2.length) return item;
  return `${item}:${array2[index]}`;
});

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