ES6中...運算符的用法

ES6中的…

…可用於獲取其餘參數

當函數或者其他需要使用參數的地方進行傳參時，但是不知道具體有幾個參數，就可以使用…來代表任意個參數。

function print(...values){
    console.log(values);
}
print(1);  //1
print(1,2,3,'aaaa',4);  //[1,2,3,'aaaa',4]

用於將數組或對象擴展

當需要讀取對象或數組中的元素或屬性時，可以通過…來將其展開

而需要給數組或對象進行賦值時，也可以通過…來進行賦值

//將數組展開
let arr = [...[1,2,2,'a'],5];
console.log(arr);  //[1, 2, 2, "a", 5]
//將一個對象展開
let person = {
    name:'simon',
    age: 24,
}
let simon = {person,job:'programmer'};
console.log(simon);  //{person: {name: "simon", age: 24}, job: "programmer"}
let simoner = {...person,job:'student'} 
console.log(simmoner);  //{name: "simon", age: 24, job: "student"}

let arr, subArr;
//解構賦值
[a, ...subArr]  =[1,2,3,4,5];
console.log(a);  //1
console.log(subArr);  //[2,3,4,5]