ES6 展開運算子

2021-09-05 12:09:09 字數 1214 閱讀 1244

// es5 的寫法

function f(x, y, z)

var args = [0, 1, 2];

// es6 的寫法

function f(x, y, z)

var args = [0, 1, 2];

f(...args);

其實就是把陣列的每個資料拆開然後放進去

let arr = ['autumn', 'wscats'];

// 析構陣列

let y;

[autumn, ...y] = arr;

console.log(y) // ["wscats"]

兩個物件連線返回新的物件

兩個陣列連線返回新的陣列

let x = ['autumn']

let y = ['wscats']

let z = [...x, ...y]

console.log(z)// ["autumn", "wscats"]

陣列加上物件返回新的陣列

陣列+字串

let x = ['autumn'];

let y = 'wscats';

let z = [...x, y];

console.log(z);

陣列+物件

es6 展開運算子

展開運算子不能用在物件當中,只能在可遍歷物件中使用 iterables iterables的實現是依靠 symbol.iterator 函式,目前只有array,set,string內建 symbol.iterator 方法,不過es7草案中已經加入了物件展開運算子。可用展開運算子展開陣列,解構陣列...

es6 展開運算子

好記性不如爛筆頭,在學習的過程中,越來越明白這句話的含義 es6的展開運算子使用三個點來表示 使用展開運算子的前提 物件具有 iterator 遍歷器介面 比如陣列,怎麼判斷乙個物件是否具有iterator 遍歷器介面呢,我們檢視物件是否有symbol symbol.iterator 屬性就可以了 ...

es6展開運算子

展開運算子 在es6中用.來表示展開運算子,它可以將陣列方法或者物件進行展開。先來看乙個例子它是如何使用的。const arr1 1,2,3 const arr2 arr1,10,20,30 這樣,arr2 就變成了 1,2,3,10,20,30 arr1中的值完全轉殖到了arr2中 arr1改變a...