拷贝完以后,数据存放的地址不同,数据完全相同。
方式1:JSON.stringify()方式
JSON.stringify()将字符串转化成json格式数据,JSON.parse()将json字符串转化成对象
对象中如果有函数,undefined,symbol,使用过JSON.stringfy()处理之后,都会消失
let obj1 = {  a: 0,
              b: {
                 c: undefined
                 }
            };
let obj2 = JSON.parse(JSON.stringify(obj1));
obj1.a = 1;
obj1.b.c = 1;
console.log(obj1); // { a: 1, b: { c: 1 } }
console.log(obj2); // { a: 0, b: {} }

方式2:函数库lodash的_.cloneDeep方法
npm i lodash//先安装

node_modules跟下面的node.js文件在一个根目录
var _ = require('lodash');
var obj1 = {
    a: 1,
    b: { f: { g: 1 } },
    c: [1, 2, 3]
};
var obj2 = _.cloneDeep(obj1);
console.log(obj1 === obj2);// false地址不同

方式3:手写深拷贝,defined和function都可以复制
function deepCopy(object){
      if(!object || typeof object !== 'object')
      return;
      let newObject = Array.isArray(object) ? [] : {};
        //遍历对象中的key
      for(let key in object){
        //判断对象中有该键值吗
        if(object.hasOwnProperty(key)){
            //如果键值是对象递归,如果不是,将这个这个键值存到数组中
          newObject[key] =
            typeof object[key] === "object" ? deepCopy(object[key]): object[key];
        }
      }
      return newObject;
    }
    let obj1 ={
      a:1,
      b:{
        c: undefined
      },
      sayHello(){
        console.log("nihao")
      }
    }
    let obj2 = deepCopy(obj1)
    console.log(obj2)

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐