web前端培训 - JavaScript 扩展运算符

JavaScript 扩展运算符简介

ES6 提供了一个名为扩展运算符的新运算符，它由三个点 (…) 组成。扩展运算符允许我们扩展可迭代对象的元素，例如数组、映射或集合。例如：

const odd = [1,3,5];

const combined = [2,4,6, …odd];

console.log(combined);

输出：

[ 2, 4, 6, 1, 3, 5 ]

在此示例中，奇数数组前面的三个点 (…) 是展开运算符。扩展运算符 (…) 解包奇数数组的元素。

请注意，ES6 还具有三个点 (…)，它是一个将函数的所有剩余参数收集到一个数组中的剩余参数。

function f(a, b, …args) {

console.log(args);

}

f(1, 2, 3, 4, 5);

输出：

[ 3, 4, 5 ]

在此示例中，其余参数 (…) 将参数 3、4 和 5 收集到数组 args 中。所以三个点 (…) 代表扩展运算符和其余参数。

以下是主要区别：

扩展运算符 (…) 解包可迭代对象的元素。

其余参数 (…) 将元素打包到一个数组中。

其余参数必须是函数的最后一个参数。但是，展开运算符可以在任何地方：

const odd = [1,3,5];

const combined = […odd, 2,4,6];

console.log(combined);

输出：

[ 1, 3, 5, 2, 4, 6 ]

要么

const odd = [1,3,5];

c