对象的合并及数组合并整理

Holly31

已于 2023-06-07 10:06:32 修改

阅读量1.1k

点赞数

分类专栏：数组对象文章标签： java 开发语言

于 2023-05-09 09:14:41 首次发布

本文链接：https://blog.csdn.net/Holly31/article/details/130561830

版权

数组对象专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中合并对象和数组的几种方法，包括使用扩展运算符、Object.assign、递归赋值以及jQuery的extend函数。对于对象，重点讨论了属性覆盖和拷贝的深浅问题；对于数组，提到了扩展运算符、concat和push方法的应用。

摘要由CSDN通过智能技术生成

一、对象合并

扩展运算符合并两个对象

let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
 
let obj = {...obj1, ...obj2};
console.log(obj);  
// { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

由上面的代码可以看出：

同名属性：合并，并且后边的（obj2）把前边的（obj1）覆盖。
不同名属性：属性值不变，只合并。注：第一级是深拷贝，第二级开始都是浅拷贝。

注：第一级是深拷贝，第二级开始都是浅拷贝。

Object.assign()

let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
let obj = Object.assign({}, obj1, obj2);
console.log(obj); 
 // { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

由上面的代码可以看出，效果与法一相同。

注：第一级是深拷贝，第二级开始都是浅拷贝

3.递归判断赋值


let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
let obj = obj1;
for (var p in obj2){
    if(obj2.hasOwnProperty(p))
    obj[p] = obj2[p];
}
console.log(obj); 
 // { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

注：第一级是深拷贝，第二级开始都是浅拷贝

4.jquery中的extend()

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。

$.extend(obj1, obj2)  // 浅拷贝
$.extend(true, obj1, obj2)  // 深拷贝

二、数组合并

1.扩展操作符

var newArray = [...array,...elements]
console.log(newArray); // ["a", "b", 0, 1, 2]

2.array.concat()方法进行合并，这个方法不是添加到现有数组，而是创建并返回一个新数组。

var array = ["a", "b"];
var elements = [0, 1, 2];
 
var newArray = array.concat(elements);
console.log(array); //['a', 'b']
console.log(newArray);// ["a", "b", 0, 1, 2]

3.array.push()方法进行合并

const heroes = ['Batman'];
 
heroes.push('Superman');
 
heroes; // ['Batman', 'Superman']

const heroes = ['Batman', 'Superman'];
const villains = ['Joker', 'Bane'];
 
heroes.push(...villains);
 
heroes; // ['Batman', 'Superman', 'Joker', 'Bane']

4.Apply方法：这个方法是将数组各项添加到另一个数组当中，是一种改变原数组的方法

var array = ["a", "b"];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.log(array); // ["a", "b", 0, 1, 2]