ES6（3）-各類類型的擴展（數組、對象）

1 數組的擴展

http://es6.ruanyifeng.com/#do...

1.1 擴展運算符

含義

擴展運算符（spread）是三個點（...）。它比如 rest 參數的逆運算，將一個數組轉爲用逗號分隔的參數序列。

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

[...document.querySelectorAll('div')]
// [<div>, <div>, <div>]

該運算符主要用於函數調用。

function push(array, ...items) {
  array.push(...items);
}

function add(x, y) {
  return x + y;
}

var numbers = [4, 38];
add(...numbers) // 42

上面代碼中，array.push(...items)和add(...numbers)這兩行，都是函數的調用，它們的都使用了擴展運算符。該運算符將一個數組，變爲參數序列。

擴展運算符與正常的函數參數能夠結合使用，很是靈活。

function f(v, w, x, y, z) { }
var args = [0, 1];
f(-1, ...args, 2, ...[3]);

擴展運算符後面還能夠放置表達式。

const arr = [
...(x > 0 ? ['a'] : []),
'b',
];
若是擴展運算符後面是一個空數組，則不產生任何效果。

[...[], 1]
// [1]

2 對象的擴展

1.1 includes(), startsWith(), endsWith()