JavaScript - 根据 id 属性合并两个数组

假设我们有两个对象数组，第一个数组包含一些具有用户 ID 和用户名的对象。

该数组包含具有用户 ID 和用户地址的对象。

该数组为 −

const arr1 = [
   {"id":"123","name":"name 1"},
   {"id":"456","name":"name 2"}
];
const arr2 = [
   {"id":"123","address":"address 1"},
   {"id":"456","address":"address 2"}
];

我们需要编写一个 JavaScript 函数，该函数接受两个这样的数组，并将这两个数组合并以形成第三个数组。

第三个数组应包含相应用户的用户 ID、名称和地址对象。

示例

其代码为 −

const arr1 = [
   {"id":"123","name":"name 1"},
   {"id":"456","name":"name 2"}
];
const arr2 = [
   {"id":"123","address":"address 1"},
   {"id":"456","address":"address 2"}
];
const mergeArrays = (arr1 = [], arr2 = []) => {
   let res = [];
   res = arr1.map(obj => {
      const index = arr2.findIndex(el => el["id"] == obj["id"]);
      const { address } = index !== -1 ? arr2[index] : {};
      return {
         ...obj,
         address
      };
   });
   return res;
};
console.log(mergeArrays(arr1, arr2));

输出

控制台中的输出将是 −

[
   { id: '123', name: 'name 1', address: 'address 1' },
   { id: '456', name: 'name 2', address: 'address 2' }
]

相关文章

• 用数组包装字符串类型的对象属性 - JavaScript
• 如何将数组内的特定元素合并在一起 - JavaScript
• 从 2 位年份日期值中获取正确的世纪 - JavaScript?
• 类中函数前的"get"关键字是什么 - JavaScript?
• 接受两个二维数字数组并返回它们的矩阵乘法结果 - JavaScript
• 根据所有指定的分隔符返回字符串的拆分数组 - JavaScript
• 在 JavaScript 中获取一个数组并查找出现奇数次的元素
• 在 JavaScript 中替换由特定字符包围的多个文本实例?
• 让 JavaScript 从用户那里获取 HTML 输入，解析并显示?
• 将对象的所有键转换为小写的最有效方法是什么 - JavaScript?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/