直接转自：https://www.cnblogs.com/ooo0/p/7737678.html

1.数组的合并
1.1 concat方法
var a=[1,2,3],b=[4,5,6];

var c=a.concat(b);

console.log(c);// 1,2,3,4,5,6

console.log(a);// 1,2,3  不改变本身
1.2 循环遍历
var arr1=['a','b'];

var arr2=['c','d','e'];

for(var i=0;i<arr2.length;i++){

      arr1.push(arr2[i])

}

console.log(arr1);//['a','b','c','d','e']
1.3 apply

合并数组arr1和数组arr2,使用Array.prototype.push.apply(arr1,arr2) or arr1.push.apply(arr1,arr2);

var arr1=['a','b'];

var arr2=['c','d','e'];

Array.prototype.push.apply(arr1,arr2);

//或者

arr1.push.apply(arr1,arr2);<br>console.log(arr1) //['a','b','c','d','e']
2.对象合并
2.1 $.extend()
var obj1= {'a': 1};

var obj2= {'b': 1};

var c = $.extend(obj1, obj2);

console.log(obj1); // {a: 1, b: 1}  obj1已被修改

//或者 <br>var obj3 = $.extend({}, obj1, obj2) <br>console.log(obj3); //{a: 1, b: 1} 不会改变obj1,obj2
2.2 遍历赋值
var obj1={'a':1};

var obj2={'b':2,'c':3};

for(var key in obj2){

     if(obj2.hasOwnProperty(key)===true){    <br>     //此处hasOwnProperty是判断自有属性，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问会避免原型对象扩展带来的干扰

           obj1[key]=obj2[key];

}

}

console.log(obj1);//{'a':1,'b':2,'c':3};
2.3 Obj.assign()

　可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。

　　Object.assign(target, ...sources)

//a. 复制一个对象<br>var obj = { a: 1 ,b:2};

var copyObj = Object.assign({}, obj);

console.log(copyObj); // { a: 1,b:2 }<br><br>//b.合并多个对象

var o1 = { a: 1 };

var o2 = { b: 2 };

var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);

console.log(obj); // { a: 1, b: 2, c: 3 }

console.log(o1);  // { a: 1, b: 2, c: 3 }, 且目标对象自身也会改变。
2.4 对象的深拷贝和浅拷贝

#######2.4.1 浅拷贝

var obj1={'a':1};

var obj2={'b':{'b1':22,'b2':33}};

$.extend(obj1, obj2);   //obj1拷贝了obj2的属性

console.log(obj1)  // {'a':1,'b'{'b1':22,'b2':33}}

console.log(obj1.b.b1)  // 22

obj2.b.b1=44;   //obj2重新赋值

console.log(obj1.b.b1)  // 44  obj1.b仅拷贝了对象的指引，所以受原obj2的影响

#######2.4.2 深拷贝

var obj1={'a':1};

var obj2={'b':{'b1':22,'b2':33}};

$.extend(obj1, obj2);   //obj1拷贝了obj2的属性

console.log(obj1)  // {'a':1,'b'{'b1':22,'b2':33}}

console.log(obj1.b.b1)  // 22

obj2.b.b1=44;   //obj2重新赋值

console.log(obj1.b.b1)  // 44  obj1.b仅拷贝了对象的指引，所以受原obj2的影响

########附源码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>jquery 数组的合并 对象的合并</title>

    <script src="./jquery-3.3.1.min.js"></script>

</head>

<body>

    <script type="text/javascript">

        //1 数组合并

        //1.1 concat 方法

        var a=[1,2,3],b=[4,5,6];

        var c=a.concat(b);

        console.log(c);// 1,2,3,4,5,6

        console.log(a);// 1,2,3  不改变本身

        //1.2 循环遍历

        var arr1=['a','b'];

        var arr2=['c','d','e'];

        for(var i=0;i<arr2.length;i++){

            arr1.push(arr2[i])

        }

        console.log(arr1);//['a','b','c','d','e']

        //1.3 apply

        //合并数组arr1和数组arr2,使用Array.prototype.push.apply(arr1,arr2)  or arr1.push.apply(arr1,arr2);

        var arr1=['a','b'];

        var arr2=['c','d','e'];

        Array.prototype.push.apply(arr1,arr2);

        console.log(arr1);

        console.log(arr2);

       //或者

       var arr3=['a','b'];

       var arr4=['c','d','e'];

      arr3.push.apply(arr3,arr4);

      console.log(arr3) //['a','b','c','d','e']

      //2 对象合并

      //2.1 $.extend()

      var obj1= {'a': 1};

      var obj2= {'b': 1};

      var c = $.extend(obj1, obj2);

      console.log(c); // {a: 1, b: 1}  obj1已被修改

      console.log(obj1); // {a: 1, b: 1}  obj1已被修改

      console.log(obj2); // {a: 1, b: 1}  obj1已被修改

      //或者

      var obj4= {'a': 1};

      var obj5= {'b': 1};

      var obj3 = $.extend({}, obj4, obj5)

      console.log(obj3); //{a: 1, b: 1} 不会改变obj1,obj2

      //2.2 遍历赋值

      var obj1={'a':1};

      var obj2={'b':2,'c':3};

        for(var key in obj2){

            if(obj2.hasOwnProperty(key)===true){//此处hasOwnProperty是判断自有属性，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问会避免原型对象扩展带来的干扰

                obj1[key]=obj2[key];

        }

        }

        console.log(obj1);//{'a':1,'b':2,'c':3};

      //2.3 Obj.assign()

      //可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。

　　  //Object.assign(target, ...sources)

    //a. 复制一个对象

    var obj = { a: 1 ,b:2};

    var copyObj = Object.assign({}, obj);

    console.log(copyObj); // { a: 1,b:2 }<br><br>//b.合并多个对象

    var o1 = { a: 1 };

    var o2 = { b: 2 };

    var o3 = { c: 3 };

    var obj = Object.assign(o1, o2, o3);

    console.log(obj); // { a: 1, b: 2, c: 3 }

    console.log(o1);  // { a: 1, b: 2, c: 3 }, o1作为目标对象自身也会改变。

    console.log(o2); //{ b: 2 };  o2 不变

    console.log(o3); //{ c: 3 };  o3 不变

    //2.4 对象的深拷贝和浅拷贝

    //2.4.1 浅拷贝

    var obj1={'a':1};

    var obj2={'b':{'b1':22,'b2':33}};

    $.extend(obj1, obj2);   //obj1拷贝了obj2的属性

    console.log(obj1)  // {'a':1,'b'{'b1':22,'b2':33}}

    console.log(obj1.b.b1)  // 22

    obj2.b.b1=44;   //obj2重新赋值

    console.log(obj1.b.b1)  // 44  obj1.b仅拷贝了对象的指引，所以受原obj2的影响

     //2.4.2 深拷贝

    var obj7={'a':1};

    var obj6={'b':{'b1':22,'b2':33}};

    $.extend(true,obj7, obj6);   //第一个参数设为true表示深复制

    console.log(obj7)  // {'a':1,'b'{'b1':22,'b2':33}}

    console.log(obj7.b.b1)  // 22

    obj6.b.b1=44;   //obj2重新赋值

    console.log(obj7.b.b1)  // 22 obj1拷贝了obj2的所有属性以及值，并不受obj2的影响

    </script>

</body>

</html>

jquery数组的合并 对象的合并的更多相关文章

  1. js jquery 数组的合并 对象的合并

    转载自:http://www.cnblogs.com/xingxiangyi/p/6416468.html 1 数组合并 1.1 concat 方法 1 2 3 4 var a=[1,2,3],b=[ ...

  2. ES6-对象赋值，key值得构建，is()方法对比对象，assign()合并对象

    ES6对象赋值: // es5 let name = "ananiah"; let skill ='web'; let obj = {name:name,skill:skill}; ...

  3. jQuery.extend()的合并对象功能

    jQuery.extend( [ deep ], target, object1, [ objectN ] )合并对象到第一个对象 //deep为boolean类型,其它参数为object类型 var ...

  4. js 对象的合并（3种方法）转载

    对象的合并 需求:设有对象 o1 ,o2,需要得到对象 o3 var o1 = { a:'a' }, o2 = { b:'b' }; // 则 var o3 = { a:'a', b:'b' } 方法 ...

  5. 微信小程序3 - 对象的合并

    ES6中 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target ). 限制:   只是浅拷贝, 即 内部对象 不会拷贝,只是 引用 ...

  6. js 合并对象

    对象的合并 需求:设有对象 o1 ,o2,需要得到对象 o3 var o1 = { a:'a' }, o2 = { b:'b' }; // 则 var o3 = { a:'a', b:'b' } 方法 ...

  7. es6对象复制合并 Object.assign

    对象的复制 var obj= { a: 1 }; var copy = Object.assign({}, obj); console.log(copy); //{ a: 1 } 对象的合并和封装 v ...

  8. 将两个数组相同index的value合并成一个新的value组成一个新的数组

    将两个数组相同index的value合并成一个新的value组成一个新的数组 前提: 这两个数组的长度相同 生成后的新数组长度也相同 返回值都是对象 把rows对象的key和value弄成两个数组, ...

  9. Object.assign方法复制或合并对象

    Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象 var obj = { a: 1 }; var copy = Object.assign({ ...

随机推荐

  1. CDH5.16.1升级kafka0.10到1.0.1

        激活1.0.1的包    

  2. Centos7.0 三种网络适配器

    VMnet0:桥接模式 VMnet1:主机模式 VMnet8:NAT模式 VMware Network Adepter VMnet1:宿主Host用于与 主机模式 虚拟网络进行通信的虚拟网卡 VMwa ...

  3. 终于要开始做大名鼎鼎的BombLab了！

    首先是一些准备工作 lab下载地址:http://csapp.cs.cmu.edu/3e/labs.html 第二个的Bomblab的 self-study handout就是 在做这个lab前,首先 ...

  4. tornado实现高并发爬虫

    from pyquery import PyQuery as pq from tornado import ioloop, gen, httpclient, queues from urllib.pa ...

  5. mysql数据库表名区分大小写

    使用mysql的时候,创建的表明都是大写的,但是查询语句中表明用消息就会报错,表不存在. 查询后发现mysql默认配置是表明区分大小写的,如果要修改成不区分大小写,需要修改一下配置. 1.修改MySq ...

  6. HDU - 6396 Swordsman (单调性+贪心)

    题意:有n个怪物和k种属性,当且仅当你的每种属性都大于等于怪物的属性才可以击杀它,且击杀怪物可以提升你一定的属性值.求可击杀怪物的最大数量以最终的属性值. 这不就是银行家算法里的安全性检验么? 本题的 ...

  7. 问题-CHM文件不显示

    原问题:http://bbs.csdn.net/topics/370230310 问题描述: http://download.csdn.net/download/wybneu/3582721 我从这个 ...

  8. IPC 进程间通信方式——消息队列

    消息队列 消息队列是内核中的一个链表 用户进程将数据传输到内核后,内核重新添加一些如用户ID.组ID.读写进程的ID和优先级等相关信息后并打包成一个数据包称为消息 允许一个或多个进程往消息队列中读写消 ...

  9. IPC 进程间通信方式——管道

    进程间通信概述 数据传输:一个进程需要将它的数据发送给另一个进程,发送的数据量在一个字节到几兆字节之间 共享数据:多个进程想要操作共享数据,一个进程对共享数据的修改,别的进程应该立刻看到. 通知时间: ...

  10. centos7安装android studio遇到Unable to run mksdcard sdk tool

    centos系统为最小化安装,所以安装新软件时缺少许多依赖包,Android Studio下载的mksdcard是32位的,而系统是64位的,所以需要安装支持32位软件的依赖包. sudo yum i ...