js复制对象和数组的几种方法

阳光穿透心脏的1/2处 2022-05-09 15:24 180阅读 0赞

js中的基本数据类型可以直接进行复制

例如：

var str1 = '123456'
    var str2 = str1
    console.log(str2)  //123456
    str1 = '123'
    console.log(str2)  //123

如果是引用类型则不可以直接进行复制

例如：

var a=\[a,b,c,d\];    
    var b= a;    
    var c=b;    
    c.pop();    
    console.log(a)  //\[a,b,c,d\];    
    console.log(b)  //\[a,b,c,d\];    
    console.log(c)  //\[a,b,c,d\];

如果是引用类型，克隆的几种方法如下

//1.比较简单的遍历数组赋值  
    var a = \[1,2,3,4\];    
    var b = \[\];  
    for(var i = 0; i < a.length; i++)\{  
        b.push(a\[i\])  
    \}  
    console.log(b)     //\[1,2,3,4\]

//2.slice方法
      var arr1 = [1, 2, 3, 4]
      var arr2 = arr1.slice(0)
      console.log(arr2)        //[1,2,3,4]
      arr1 = [4, 3, 2, 1]
      console.log(arr2)     //[1,2,3,4]

//3.assign实现深浅克隆  
    //浅克隆  
    var obj = \{ a: 1 \};  
    var copy = Object.assign(\{\}, obj);  
    console.log(copy); // \{ a: 1 \}  
          
    var arr = \[1,2,3\];  
    var copy = Object.assign(\[\], arr);  
    console.log(copy); // \[1,2,3\]  
      
    //深克隆  
    let arr1 = \[1,2,3,4,5\];  
    let arr2 = JSON.parse(JSON.stringify(arr1));  
    console.log(arr2)  //\[1,2,3,4,5\]

//4.concat方法  
1)  作用：拼接数组  
2)  格式：数组名1.concat(数组名2);就是指将数组2拼接在数组1后面  
3)  返回值：为拼接后的新的数组  
4)  注意：原数组不受影响\*/  
    let arr1 = \[1,2,3,4\];  
    let arr2 = arr1.concat()  
  
    arr2\[1\] = 9  
    console.log(arr1, arr2) //\[1,2,3,4\], \[1,9,3,4\]

--------------------

![20191229112121499.png][]

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70][]

[20191229112121499.png]: /images/20220506/1337092f2be24b88a9fe393c9abb917b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70]: /images/20220506/7ca37c1a1a924c2aa5d0bce6c9b0e4ff.png