ES6基礎之——展開操做符Spread和剩餘操做符Rest

展開操做符-Spread

...是ES6裏面新添加的一種操做符，能夠叫作Spread或者Rest，具體這個操做符是什麼意思，要取決於怎麼去使用它

先來看下spread，能夠理解爲展開，例子：

 

let fruits = ['apple','banner'],
foods=['cake',..fruits];
console.log(fruits); //[apple,banner]
console.log(...fruits); //apple banner 輸出數組裏的每一項，至關於把數組展開了
console.log(foods); //[cake,apple,banner]

剩餘操做符Rest

Rest通常用在函數的參數裏面，例子：

 

function breakfast(dessert,drink){
console.log(dessert,drink);
}

 

若是想讓函數的參數不受限制，就能夠使用Rest，例子：

function breakfast(dessert,drink,...foods){
console.log(dessert,drink,foods);
}
breakfast('cake','tea','apple','pear'); //cake tea apple,pear

 

...foods的含義是：函數的參數除了能夠指定dessert,drink之外，其他的參數都放在foods數組裏

因此，輸出的結果裏面appple,pear是個數組；若是想展開數組的話，能夠在輸出的時候使用展開操做符

function breakfast(dessert,drink,...foods){
document.write(dessert,drink,...foods);
}
breakfast('cake','tea','apple','pear'); //cake tea apple pear