1. 程式人生 > >ES6陣列擴充套件運算子

ES6陣列擴充套件運算子

1 擴充套件運算子的運用

(1)複製陣列

  陣列是複合的資料型別,直接複製的話,只是複製了指向底層資料機構的指標,而不是克隆一個全新的陣列;

const a1=[1,2];

const a2= a1;

a2[0] = 2;

a1 //[2,2];

上面程式碼中,a2並不是a1的克隆,而是指向同一份資料的另一個指標,修改a2,會直接導致a1的變化 ;

 

擴充套件運算子提供了複製陣列的簡便寫法

const a1=[1,2];

//寫法一

const a2 =[...a1];

//寫法二

const [...a2]=[a1];

 

(2) 合併陣列

const arr1=[a];

const arr2=[b,c];

const arr3=[d];

//es5的合併陣列

arr1.concat(arr2,arr3);

 

//es6的合併陣列

[..arr1....arr2,...arr3];