es6三個點(...)擴展(spread)運算符和rest運算符

擴展運算符

對象中的擴展運算符用於取出參數對象中的全部可遍歷屬性,拷貝到當前對象中。

let value={a:1,b:2};
let value1={...value}數組

等價於:rest

let value={a:1,b:2};
let value1=Object.assign({},value)對象

(拷貝的是原對象的引用,原對象改變時,拷貝對象也會改變)字符串

擴展運算符運用:

1. 將數組轉換爲參數序列
add=(x,y)=>{
return x+y
}ast

const num=[1,2]
add(...num)擴展

2. 複製數組
const arr1=[1,2]
const arr2=[...arr]遍歷

3.擴展運算符能夠把字符串轉換成數組
[...'hello']
// [ "h", "e", "l", "l", "o" ]引用

rest運算符與應用

rest運算符與擴展運算符做用相反,把逗號隔開的值序列拼成一個數組總結

1.利用結構合成數組,代替push將一個數組添加到另外一個數組的尾部co

可是rest運算符用於生成數組只能是參數的最後一位
const [...rest, last] = [1, 2, 3, 4, 5];
// 報錯
const [first, ...rest, last] = [1, 2, 3, 4, 5];
// 報錯

總結:等號左邊是rest運算符,等號右邊是擴展運算符

相關文章
相關標籤/搜索