js中数组和对象的合并

145 阅读1分钟

数组和对象合并时,这些操作在JavaScript中非常常见。

1.合并数组

让我们首先来看一下如何合并两个数组

第一:使用concat方法

js中的数值有一个内置的concat方法,可以用来合并数组。这个方法会返回一个新的数组,包含所有被合并的数组元素。

const array1 = [1, 2, 3]; 
const array2 = [4, 5, 6]; 
const mergedArray = array1.concat(array2); 
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

第二:使用扩展运算符(Spread Operator)

另一种合并数组的方法是使用扩展运算符(也称为展开运算符)...。它可以快速将一个数组中的所有元素展开并合并到另一个数组中。

const array1 = [1, 2, 3]; 
const array2 = [4, 5, 6]; 
const mergedArray = [...array1, ...array2]; 
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

2.合并对象

接下来,我们看一下如何合并两个对象。

第一:使用Object.assign方法

JavaScript中的Object.assign方法可以用来将一个或多个源对象的所有可枚举属性复制到目标对象,并返回目标对象。这一方法会直接改变目标对象,如果多个源对象具有相同的属性,则后面的属性会覆盖前面的属性。

const obj1 = { a: 1, b: 2 }; 
const obj2 = { b: 3, c: 4 }; 
const mergedObj = Object.assign({}, obj1, obj2); 
console.log(mergedObj); // 输出: { a: 1, b: 3, c: 4 }

第二:使用扩展运算法(Spread Operator)

类似的,使用扩展运算符也能实现对象的合并

const obj1 = { a: 1, b: 2 }; 
const obj2 = { b: 3, c: 4 }; 
const mergedObj = { ...obj1, ...obj2 }; 
console.log(mergedObj); // 输出: { a: 1, b: 3, c: 4 }