baozhengrui

导航

数组和对象合并

1.数组合并:

在JavaScript中,concat方法用于连接两个或多个数组,并返回一个新数组。这不会改变现有的数组,而是返回一个包含了连接元素的新数组

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

解法2:连接非数组值

let array1 = [1, 2, 3];
let array3 = array1.concat(4, 5);
console.log(array3); // 输出:[1, 2, 3, 4, 5]

解法3:连接多维数组

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

解法4:使用扩展运算符连接数组

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

解法5:连接字符串或其他类型的可迭代对象

let array1 = [1, 2, 3];
let string1 = "abc";
let array3 = array1.concat(string1);
console.log(array3); // 输出:[1, 2, 3, "a", "b", "c"]

2.对象合并

在JavaScript中,可以使用展开运算符(...)或Object.assign()方法来合并(或称之为"合并"或"对象合并")两个或更多对象。

使用展开运算符的例子:

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 }

使用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 }
注意:如果两个对象有同名属性,后面对象的属性值会覆盖前面对象的属性值

posted on 2024-12-25 17:47  芮艺  阅读(98)  评论(0)    收藏  举报