ES2015 延展操作符 解構

2021-07-23 10:48:02 字數 604 閱讀 2236

延展操作符

let showme=(name,age)=>`$的年齡是$`

let me=['daichen',18];

alert (showme(me));

//此時認為me 就是 name引數

let showme=(name,age)=>`$的年齡是$`

let me=['daichen',18];

alert (showme(...me));

//此時me陣列裡的數值一一對應傳給showme方法

...就是延展操作符.

解構

let [name,age]=[「daichen」,18];

let [name,age]=[「daichen」,]; //如果第二個沒數值那麼就寫個 ,

左右解構相同。

延展操作符 + 解構

let showme=(name,age)=>`$的年齡是$`

let [***,...me]=["男","daichen",18];

alert (showme(...me));

alert(me.length)

延展操作符 擴充套件運算子

擴充套件運算子 spread 是三個點 它好比 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列。他的應用 1 複製陣列 const a 1,2,3 複製 cosnt b a 2 合併陣列 cosnt arr1 1,2 const arr2 4,5,6 合併 arr1,arr2 注意這種方...

物件和陣列的解構,rest操作符

1.陣列的解構賦值 let a,b,c 1,2,3 let foo,bar baz 1,2 3 foo 1 bar 2 baz 3 let third foo bar baz thrid baz let x,y 1,2,3 x 1 y 3 let head,tail 1,2,3,4 head 1 t...

ES6 擴充套件操作符騷操作

複製和合併陣列變得更為簡潔。不需要使用 concat 方法或 slice 方法,乙個 操作符已經足夠 const arr1 10 20,30 const copy arr1 console.log copy 10,20,30 const arr2 40 50 const merge arr1,arr...