温馨提示×

es6怎么合并两个数组对象

es6
小亿
100
2024-01-13 13:52:45
栏目: 编程语言

在ES6中,可以使用展开运算符(`...`)来合并两个数组对象。展开运算符将一个数组转换为逗号分隔的参数序列,可以将其用于函数调用或数组合并。
下面是一个示例,演示了如何使用展开运算符合并两个数组对象:

const arr1 = [1, 2, 3];

const arr2 = [4, 5, 6];

const mergedArray = [...arr1, ...arr2];

console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

在上述示例中,我们创建了两个数组 `arr1` 和 `arr2`,然后使用展开运算符将它们合并为一个新的数组 `mergedArray`。
如果要合并的是对象数组,可以使用相同的方法。例如:

const objArr1 = [{ id: 1, name: 'John' }];

const objArr2 = [{ id: 2, name: 'Jane' }];

const mergedObjArray = [...objArr1, ...objArr2];

console.log(mergedObjArray); // [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]

注意:展开运算符只能用于浅拷贝,即合并的数组中的对象仍然是原始对象的引用。如果需要深拷贝对象数组,可以使用其他方法,如使用 `JSON.parse(JSON.stringify(array))` 进行深拷贝。

0