JavaScript中合并firstName和lastName数组为指定结构数组的实现方法

假设两个数组长度一致、相同索引位置的名和姓为对应关系，最简洁的实现方式如下：

1. 基础实现（推荐） #

// 定义原始数组
const firstName = ['name1', 'name2'];
const lastName = ['last1', 'last2'];

// 合并为目标结构
const result = {
  name: firstName.map((firstItem, index) => ({
    firstName: firstItem,
    lastName: lastName[index]
  }))
}

• 核心使用Array.prototype.map遍历第一个数组，同时通过索引匹配第二个数组的对应元素，返回组装好的对象。
• 最终输出的result就是要求的结构，可以直接用JSON.stringify(result)验证输出格式。

2. 兼容数组长度不一致的实现 #

如果不能保证两个数组长度完全相同，可以先取两个数组的最小长度做遍历，避免出现属性值为undefined的情况：

const firstName = ['name1', 'name2', 'name3'];
const lastName = ['last1', 'last2'];
const minLength = Math.min(firstName.length, lastName.length);

const result = {
  name: Array.from({length: minLength}, (_, index) => ({
    firstName: firstName[index],
    lastName: lastName[index]
  }))
}

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