1.数组及对象拷贝:

浅拷贝var b=$.extend(false,{},a);//对象浅拷贝

var a={aa:111,bb:{bb1:22}};
var b=$.extend(false,{},a)
JSON.stringify(a);
"{"aa":111,"bb":{"bb1":22}}"
JSON.stringify(b);
"{"aa":111,"bb":{"bb1":22}}"
b.bb.bb1=3300;
JSON.stringify(b);
"{"aa":111,"bb":{"bb1":3300}}"
JSON.stringify(a);
"{"aa":111,"bb":{"bb1":}}"

深拷贝:var b=$.extend(true,{},a);//对象深拷贝

var a={aa:111,bb:{bb1:22}};
var b=$.extend(true,{},a)
JSON.stringify(a);
"{"aa":111,"bb":{"bb1":22}}"
JSON.stringify(b);
"{"aa":111,"bb":{"bb1":22}}"
b.bb.bb1=10000;
10000
JSON.stringify(a);
"{"aa":111,"bb":{"bb1":}}"
JSON.stringify(b);
"{"aa":111,"bb":{"bb1":10000}}"

对象合并:$.extend(a,b);

var a={aa:111,bb:222};
var b={bb:333,cc:444};
var res=$.extend(a,b);
JSON.stringify(a)
"{"aa":111,"bb":333,"cc":444}"
JSON.stringify(b)
"{"bb":333,"cc":444}"
JSON.stringify(res)
"{"aa":111,"bb":333,"cc":444}"

2.元素拷贝
var tr=th.clone();

tr.find("th").children().remove();不影响th

3.实现原理

 $ = { //浅拷贝 
      extend : function(target, options) { 
         for (name in options) { 
             target[name] = options[name]; 
         } 
         return target; 
     } 
  };  
     
 $ = {  //深拷贝
     extend : function(deep, target, options) { 
         for (name in options) { 
             copy = options[name]; 
             if (deep && copy instanceof Array) { 
                 target[name] = $.extend(deep, [], copy); 
             } else if (deep && copy instanceof Object) { 
                 target[name] = $.extend(deep, {}, copy); 
             } else { 
                target[name] = options[name]; 
            } 
        } 
        return target; 
   } 
};

具体分为三种情况:

  a. 属性是数组时,则将target[name]初始化为空数组,然后递归调用extend;

  b. 属性是对象时,则将target[name]初始化为空对象,然后递归调用extend;

  c. 否则,直接复制属性。

js对象及元素复制拷贝的更多相关文章

  1. Objective-C:OC内部可变对象和不可变对象的深(复制)拷贝问题思考:

    OC内部:可变对象和不可变对象的深(复制)拷贝问题思考:   不可变对象:  例如NSString对象,因为NSString对象是常量字符串,所以,不可以更改其内容,但是可以修改指向该字符串的指针指向 ...

  2. js对象进行浅复制,深拷贝的方法

    js对象浅拷贝和深拷贝详解   本文为大家分享了JavaScript对象的浅拷贝和深拷贝代码,供大家参考,具体内容如下 1.浅拷贝 拷贝就是把父对像的属性,全部拷贝给子对象. 下面这个函数,就是在做拷 ...

  3. JS对象和数组深浅拷贝总结②

    在实际开发中遇到过太多次深拷贝浅拷贝的问题.总结一下~ JS数据存储和深浅拷贝实际运用① 这是之前写过的一篇文章,解决浅拷贝深拷贝的问题只说了一种方法,今天来补充一下. 介绍深拷贝和浅拷贝都在上一篇文 ...

  4. js对象/数组深度复制

    今天碰到个问题,js对象.数组深度复制:之前有见过类似的,不过没有实现函数复制,今晚想了一下,实现代码如下: function clone(obj) { var a; if(obj instanceo ...

  5. js 对象的深复制 解决不能复制undefined (递归)

    用普通的拷贝  JSON.parse和 JSON.stringify 进行对象拷贝是不会拷贝undefined //普通的拷贝   const obj = {         a: {         ...

  6. js对象克隆, 深复制.

    亲测有效: //对象克隆 function clone(obj) { // Handle the 3 simple types, and null or undefined if (null == o ...

  7. JS对象复制

    在JavaScript很多人复制一个对象的时候都是直接用"=",因为大家都觉得脚本语言是没有指针.引用.地址之类的,所以直接用"="就可以把一个对象复制给另外一 ...

  8. js 对象深复制,创建对象和继承

    js 对象深复制,创建对象和继承.主要参考高级编程第三版,总结网上部分资料和自己的代码测试心得.每走一小步,就做一个小结. 1.对象/数组深复制 一般的=号传递的都是对象/数组的引用,如在控制台输入 ...

  9. ES6复制拷贝数组,对象,json数组

    扩展运算符的应用spread打散数组[...] (1)复制数组 数组是复合的数据类型,直接复制的话,只是复制了指向底层数据结构的指针,而不是克隆一个全新的数组. const a1 = [1, 2]; ...

随机推荐

  1. 【并发编程】使用BlockingQueue实现<多生产者,多消费者>

     MasterThread: 持有一个BlockingQueue队列,用于并发接收存储MetaData对象; 使用Hash一致性算法ketama,来选择SlaveThread节点; 从Blocking ...

  2. 开启Unity3D之旅

    圣典知识目录http://game.ceeger.com/Manual/ NGUI http://www.taikr.com/course/34泰课课程 http://tieba.baidu.com/ ...

  3. http系列(一)

    一.关于Url URI由URL和URN组成,URI即统一资源标识符,URL即统一资源定位符,URN即统一资源名称. 现在最常用的是URL. 二.http请求/响应报文 请求报文:请求行.请求头部.空行 ...

  4. JS之滚动条效果2

    在前面一篇说的是滚动条效果,本篇继续在前面的基础上面针对滚动条进行操作.本次要实现的效果如下:拖动滚动条左右移动时,上面的图片内容也相对外层盒子做相对移动. 下面针对要实现的效果进行分析:首先是页面基 ...

  5. java1.8 新特性(关于 match,find reduce )操作

    match处理Integer集合 package lambda.stream; /** * @author 作者:cb * @version 创建时间:2019年1月4日 下午2:35:05 */ i ...

  6. IDC:电源系统

    ylbtech-IDC:电源系统 电源系统(Power System)是由整流设备.直流配电设备.蓄电池组.直流变换器.机架电源设备等和相关的配电线路组成的总体.电源系统为各种电机提供各种高.低频交. ...

  7. 面向对象的轮播js

    1.自执行函数的前后要加分号 案例: ;(function(){})(); 2.面向对象的最大优势节省了许多内存 正式开写面向对象的轮播: <!DOCTYPE html> <html ...

  8. 初识MapReduce

    MapReduce是Google的一项重要技术,它首先是一个编程模型,用以进行大数据量的计算.对于大数据量的计算,通常采用的处理手法就是并行计算.但对许多开发者来说,自己完完全全实现一个并行计算程序难 ...

  9. jquery.autocomplete 搜索文字提示

    function GetJobTitle(obj) { $(obj).autocomplete("GetJobTitle.ashx", { max: 12, //列表里的条目数 m ...

  10. linux系统安装SNMP(可用)

    一般我们监控Linux都是通过SSH或Telnet方式,有时候我们不方便通过这两种方式,比如遇到监控端口因为安全原因被封禁.以及SSH需要密钥登录,这都会让监控工具很难直接远程连接.而通过SNMP的方 ...