ECMAScript 6 入门学习（7.数组的扩展）

本篇博客学习摘自阮一峰老师编写的《ECMAScript 6 入门》，记录下做笔记。

学习阶段，如果哪部分有问题，欢迎指正，共同探讨。@Apach3

1.扩展运算符

扩展运算符（spread）是三个点（

...

）。它好比

rest

参数的逆运算，将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。

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

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

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

上面代码中，

array.push(...items)

和add

(...numbers)

这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符将一个数组，变为参数序列。

扩展运算符与正常的函数参数可以结合使用，非常灵活。

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

扩展运算符后面还可以放置表达式。

const arr = [
...(x > 0 ? ['a'] : []),
'b',
];

如果扩展运算符后面是一个空数组，则不产生任何效果。

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

加油！