码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的深度克隆

时间:2018-02-27 16:04:42      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:one   .com   基本类型   blog   asc   regex   log   ceo   ==   

js一般有两种不同数据类型的值:

基本类型(包括undefined,Null,boolean,String,Number),按值传递;

引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。例如:

  技术分享图片

  如果你修改b的值,那么a变量的值也发生了变化。

  克隆或者拷贝分为2种:浅度克隆(拷贝),深度克隆(拷贝);

  浅度克隆:基本类型为值传递,对象仍为引用传递。

  深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。

 我的代码如下: 主要用了递归。

     function cloneObject(obj){
          if(obj === null){
              return null;
          }else if(obj instanceof Array){
             var arr = [];
             for(var i = 0, ilen = obj.length; i < ilen; i+=1){
                 arr[i] = obj[i];
             }
             return arr;
        }else if(obj instanceof Date || obj instanceof RegExp || obj instanceof Function){
             return obj;
        }else if(obj instanceof Object){
            var o = {};
            for(var i in obj){
                if(obj.hasOwnProperty(i)){
                    o[i] = cloneObject(obj[i]);
                 }
            }
            return o;
       }else{
           return obj;
       }
  }

JavaScript的深度克隆

标签:one   .com   基本类型   blog   asc   regex   log   ceo   ==   

原文地址:https://www.cnblogs.com/alongup/p/8478929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!