es6之剩餘和擴充套件引數

1.應用場景一：假設我們有這麼一組資料，將第乙個值賦值給班主任變數，第二個值賦值給班長變數，剩下的歸為學生

這時我們就可以使用剩餘引數...

const team = ["班主任","班長","同學1","同學2","同學3"]

const [boss,monitor,students] =team
console.log(boss,monitor,students) 
//班主任 班長 同學1
const [boss,monitor,...students] =team
console.log(boss,monitor,students) 
//班主任 班長 (3) ["同學1", "同學2", "同學3"]

2.應用場景二：將傳入的多個數字進行排序（因為傳入的引數個數是不確定的，所以剩餘引數就派上用場了）

//

...nums不管你傳入了多少個引數，都放到nums陣列中
function
sortnums(...nums)
else
}console.log(sortnums(1,2,10)) //
(3) [1, 2, 10]

1.應用場景一：將班主任、班長、學生陣列合併成乙個陣列

const boss = "班主任"const monitor = "班長"const students = ["同學1","同學2","同學3"]

const team =[boss,monitor,...students]
console.log(team)  
//["班主任", "班長", "同學1", "同學2", "同學3"]

2.應用場景二：將兩個陣列合併為乙個陣列

const food = ["香辣雞腿堡","墨西哥雞肉卷","香辣烤翅"]

const drink = ["百事可樂","橙汁"]
//concat方法
//const kfc = food.concat(drink)
//(5) ["香辣雞腿堡", "墨西哥雞肉卷", "香辣烤翅", "百事可樂", "橙汁"]
const kfc =[...food,...drink]
console.log(kfc) 
//(5) ["香辣雞腿堡", "墨西哥雞肉卷", "香辣烤翅", "百事可樂", "橙汁"]

還可以在新生成的陣列中新增資料：

const kfc = [...food,"聖代","嗎媞娜",...drink]

console.log(kfc) 
//(5) ["香辣雞腿堡", "墨西哥雞肉卷", "香辣烤翅", "百事可樂", "橙汁"]

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

一 剩餘引數.1 當陣列中有很多值並且想要分類展現出來時，以往的寫法是如下 const family 丈夫 妻子 孩子1號 孩子2號 孩子3號 const husband,wife,children1,children2,children3 family console.log husband,wi...

es6剩餘引數

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

ES6擴充套件運算子和剩餘引數

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