Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 对象数组合并

作者:月下孤魂   发布日期:2025-10-13   浏览:56

// 示例代码:合并两个对象数组

// 假设有两个对象数组
const array1 = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
];

const array2 = [
  { id: 2, name: 'Bob', age: 25 },
  { id: 3, name: 'Charlie', age: 30 }
];

// 合并两个数组,根据 id 进行合并
const mergedArray = array1.map(item => {
  const match = array2.find(matchItem => matchItem.id === item.id);
  return match ? { ...item, ...match } : { ...item };
}).concat(array2.filter(item2 => !array1.some(item1 => item1.id === item2.id)));

console.log(mergedArray);

// 输出结果:
// [
//   { id: 1, name: 'Alice' },
//   { id: 2, name: 'Bob', age: 25 },
//   { id: 3, name: 'Charlie', age: 30 }
// ]

// 解释说明:
// 1. 使用 map 方法遍历 array1,对于每个元素在 array2 中查找是否有相同 id 的元素。
// 2. 如果找到匹配的元素,则将两个对象合并(使用扩展运算符 {...})。
// 3. 如果没有找到匹配的元素,则保持原样。
// 4. 最后使用 concat 方法将 array2 中没有出现在 array1 中的元素添加到结果数组中。

上一篇:js 对象转数组

下一篇:js 数组拷贝

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站