ES6 擴充套件運算子(Spread)

2021-10-07 20:44:23 字數 952 閱讀 3917

含義:擴充套件運算子用(…)表示,它會將乙個陣列轉化為用逗號分隔的引數序列。

嗯?這個含義???????話不多說,上例子!(要學就認真理解內容,請認真看並理解例子3分鐘)

舉些栗子

console.

log(

...[1,

2,3]

)// 輸出結果為:1 2 3

console.

log(1,

...[2,

3,4]

,5)// 輸出結果為:1 2 3 4 5

[...document.

queryselectorall

('div')]

// 輸出結果為:[, , ]

看這幾個例子就明白了吧!是不是超簡單?看下面幾個擴充套件

[

...[1,

2,3]

]// 輸出結果為:[1,2,3]

[...

,1]// 輸出結果為:[1] --如果擴充套件運算子後面是乙個空陣列,則不產生任何效果。

newdate

(...

[2015,1

,1])

// 輸出結果為:sun feb 01 2015 00:00:00 gmt+0800 (中國標準時間)

// 物件的擴充套件

console.

log(

, b:2}

)// 輸出結果為:

console.

log(

,...})

// 輸出結果為:

// 字串的擴充套件

[...[1

,2,3

],..."qqq"

]//[1, 2, 3, "q", "q", "q"]

應用場景

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1,陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先,我們要讀仔細下面這句話,就很容易知道擴充套件運算子的使用了,可以在心裡反覆讀三遍 接下來,我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...

es6擴充套件運算子

1 複製 拷貝 陣列 陣列元素都是基本資料型別 var arr a b c var copy arr console.log copy a b c arr copy false2 函式呼叫 陣列作引數 function add x,y var numbers 4 38 add numbers 423...