JS数组常用方法---8、concat方法

一、总结

一句话总结：

concat方法的作用是将值或者数组拼接成新数组，参数是0到n个值或数组，返回值是合并好的新数组，并且不会影响原数组

作用：将值或者数组拼接成新数组
参数：值或者数组（0个到n个）
返回值：返回合并好的新数组
是否影响原数组：不会改变原数组

//1、concat拼接数组或者值
let arr1=[1,2,3];
let val1=6;
let arr2=[7,8,9];
let val2=11;
//参数为值和数组混合形式
let new_arr3=arr1.concat(val1,arr2,val2);
console.log(new_arr3);

1、concat为什么可以做数组的深度拷贝？

因为concat方法不修改原数组，而是返回新的拼接好的数组

2、concat方法做深度拷贝的不足之处是什么？

当数组内部的值是引用类型例如Array、Object时，还是浅拷贝

//c、concat做深度拷贝的不足
//当数组内部的值是引用类型例如Array、Object时，还是浅拷贝
let arr1=[1,2,3,{name:'悟空',age:13}];
let arr2=arr1.concat();//深拷贝
arr2.push(4,5,6);
console.log(arr2);
console.log(arr1);

arr2[3]['name']='悟净';
console.log(arr2);
console.log(arr1);

二、concat方法

博客对应课程的视频位置：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>concat方法</title>
 6 </head>
 7 <body>
 8 <!--
 9 
10 concat方法
11 作用：将值或者数组拼接成新数组
12 参数：值或者数组（0个到n个）
13 返回值：返回合并好的新数组
14 是否影响原数组：不会改变原数组
15 -->
16 <script>
17     //1、concat拼接数组或者值
18     // let arr1=[1,2,3];
19     // let val1=6;
20     // let arr2=[7,8,9];
21     // let val2=11;
22     // //参数为值形式
23     // let new_arr1=arr1.concat(val1);
24     // console.log(new_arr1);
25     //
26     // //参数为数组形式
27     // let new_arr2=arr1.concat(arr2);
28     // console.log(new_arr2);
29     //
30     // //参数为值和数组混合形式
31     // let new_arr3=arr1.concat(val1,arr2,val2);
32     // console.log(new_arr3);
33 
34     //2、concat做数组的深度拷贝
35     /*
36     * 浅度拷贝：复制一层对象的属性，
37     * 并不包括对象里面的为引用类型的数据，
38     * 当改变拷贝的对象里面的引用类型时，
39     * 源对象也会改变。
40     *
41     * 深度拷贝：重新开辟一个内存空间，
42     * 需要递归拷贝对象里的引用，
43     * 直到子属性都为基本类型。
44     * 两个对象对应两个不同的地址，
45     * 修改一个对象的属性，不会改变另一个对象的属性。
46     *
47     * */
48 
49     //a、浅拷贝
50     // let arr1=[1,2,3];
51     // let arr2=arr1;//浅拷贝
52     // arr2.unshift(4,5,6);
53     // console.log(arr2);
54     // console.log(arr1);
55 
56     //b、深拷贝
57     // let arr1=[1,2,3];
58     // let arr2=arr1.concat();//深拷贝
59     // arr2.unshift(4,5,6);
60     // console.log(arr2);
61     // console.log(arr1);
62 
63     //c、concat做深度拷贝的不足
64     //当数组内部的值是引用类型例如Array、Object时，还是浅拷贝
65     // let arr1=[1,2,3,{name:'悟空',age:13}];
66     // let arr2=arr1.concat();//深拷贝
67     // arr2.push(4,5,6);
68     // console.log(arr2);
69     // console.log(arr1);
70     //
71     // arr2[3]['name']='悟净';
72     // console.log(arr2);
73     // console.log(arr1);
74 
75 
76 </script>
77 </body>
78 </html>