ES6 剩餘引數和擴充套件引數

2021-10-01 23:43:43 字數 2329 閱讀 6689

一、剩餘引數...

1、當陣列中有很多值並且想要分類展現出來時，以往的寫法是如下**：

const family =


['丈夫'


,'妻子'


,'孩子1號'


,'孩子2號'


,'孩子3號'];


const


[husband,wife,children1,children2,children3]


= family;


console.


log(husband,wife,children1,children2,children3)
很繁瑣，並且如果資料更多的話，就是個災難，我們想要的是【能把孩子們也分成一類】，這時需要用到剩餘引數的概念；

2、使用剩餘引數改寫上面**

const family =


['丈夫'


,'妻子'


,'孩子1號'


,'孩子2號'


,'孩子3號'];


3、利用剩餘引數來實現普通函式接收一堆數字


4、額外補充：使用剩餘引數後，對數字進行排序


二、擴充套件引數...1、如下**，要將他們組成乙個家庭


const husband =


'丈夫'


;const wife =


'妻子'


;const children =


['孩子1號'


,'孩子2號'


,'孩子3號'];


2、如果有多個陣列


const cityfirst =


['北京'


,'上海'


,'廣州'


,'深圳'];


const citythird =


['洛陽'


,'阜陽'


,'襄陽'


,'衡陽'


,'信陽'


,'岳陽'];


const allcity =


[...cityfirst,


...citythird]


;console.


log(allcity)


3、看完第2個例子，如果想直接加入其它城市


const cityfirst =


['北京'


,'上海'


,'廣州'


,'深圳'];


const citythird =


['洛陽'


,'阜陽'


,'襄陽'


,'衡陽'


,'信陽'


,'岳陽'];


const allcity =


[...cityfirst,


'蘭州'


,'常州'


,'揚州'


,...citythird]


;console.


log(allcity)


 
es6之剩餘和擴充套件引數
1.應用場景一 假設我們有這麼一組資料，將第乙個值賦值給班主任變數，第二個值賦值給班長變數，剩下的歸為學生 這時我們就可以使用剩餘引數.const team 班主任 班長 同學1 同學2 同學3 const boss,monitor,students team console.log boss,mo...


es6剩餘引數
剩餘引數 rest parameter 由三個點 與乙個緊跟著的具名引數指定，它會是包 含傳遞給函式的其餘引數的乙個陣列.剩餘引數的限制條件 剩餘引數受到兩點限制。第一是函式只能有乙個剩餘引數，並且它必須被放在最後。例如，如 下 是無法工作的 語法錯誤 不能在剩餘引數後使用具名引數 function...


ES6擴充套件運算子和剩餘引數
剩餘引數可以很好的取代arguments 例如function foo everything everything是乙個包含了foo函式所有引數的陣列 或者function foo bar,rest rest是乙個包含除bar所有引數的陣列 注意 剩餘引數一定要放在最後 擴充套件運算子可以很好的幫助...