zoukankan      html  css  js  c++  java
  • 数组对象的复制

    复制对象重新赋值不改变原对象

    // 直接赋值
     
    var obj1 = { a: 1 };
    var obj2 = obj1;
     
    console.log(obj2); // { a: 1 }
     
    // 通过 Object.assign() 这个属性来进行复制
     
    var obj = { a: 1 };
    var obj2 = Object.assign({}, obj);
     
    console.log(obj2); // { a: 1 }
     
    // 通过 for in 循环赋值
     
    var obj1={ a: 1, b: { c: 2 }, c: 0 }
    var obj2={}
    for( var key in obj1 ){
        obj2[key]=obj1[key]
    }
     
    console.log(obj2); // { a: 1, b: { c: 2 }, c: 0 }
    obj1.a = 2
    obj1.b.c = 4 console.log(obj2); // { a: 1, b: { c: 4 }, c: 0 } //字符串类型可修改 对象失败 // 使用 Object.assign() 方法复制对象 let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}} obj1.a = 1; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}} console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}} obj2.a = 2; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}} console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 0}} obj2.b.c = 3; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 3}} console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 3}} //得知字符串类型可修改,对象失败,以上的方法可以封装成方法方便使用 function cloneObjectFn(obj) { return JSON.parse(JSON.stringify(obj)) } var obj1={a:1,b:{c:2}} var obj2=cloneBojectFn(obj2)//复制对象 obj2.b.c=3;//修改对象 console.log(obj1)//{a:1,b:{c:2}} console.log(obj2)//{a:1,b:{c:3}}
    es6特性 obj2 = {...obj1}

    复制数组重新赋值不改变原数组

    js中那些方法不改变原来的数组对象

    map concat slice forEach join

    var a  = [1,2,3]

    var b = [...a]

     
  • 相关阅读:
    阻止事件冒泡
    移动端开发
    angular6 管道多参数传输 Pipe
    在div上添加小三角
    angular6 使用@Input() @Output()
    angular6 想要获取页面某些事件 如 点击 window宽高等等
    如何将项目添加到git上
    使用vue-cli 搭建element-admin后台
    bootstrap4 常用样式类名 (供自己参考)
    键盘按下 keyCode 的值
  • 原文地址:https://www.cnblogs.com/guidan/p/9258639.html
Copyright © 2011-2022 走看看