码迷,mamicode.com
首页 > 其他好文 > 详细

ES6对象扩展——扩展运算符

时间:2020-06-26 01:29:13      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:const   运算符   col   log   class   code   相同   扩展   nbsp   

1、复制对象:使用扩展运算符复制对象时是浅拷贝

            //复制对象:使用扩展运算符复制对象时是浅拷贝
            const obj1 = {
                a:1,
                b:2,
                d:{
                    aa:1,
                    bb:2
                }
            }
            const obj2 = {
                c:3,
                a:9
            }
            const cObj1 = {...obj1};
            
            console.log(cObj1.d.aa); //1
            cObj1.d.aa = 999;
            console.log(cObj1.d.aa);  //999
            console.log(obj1.d.aa);   //999
            

 

2、合并对象时,当有相同属性名时,保留靠后的那一个

                        //代码接上
            //合并对象:当有相同属性名时,保留靠后的那一个
            const newObj = {
                ...obj1,
                ...obj2
            };
            newObj.d.aa = 22;
            //合并对象时也是浅拷贝
            console.log(obj1);  //22
            
            

 


 

ES6对象扩展——扩展运算符

标签:const   运算符   col   log   class   code   相同   扩展   nbsp   

原文地址:https://www.cnblogs.com/rickdiculous/p/13193500.html

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