ES6数组扩展运算符应用实例如何分析？

本文共计1450个文字，预计阅读时间需要6分钟。

本实例介绍了ES6数组之扩展运算符。分享给家长参考，具体如下：

+ 扩展运算符（spread）是三个点（...）。+ 它比rest参数的逆运算更简洁，将一个数组转换成用逗号分隔的参数序列。

本文实例讲述了es6数组之扩展运算符操作。分享给大家供大家参考，具体如下：

扩展运算符(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')]

该运算符主要用于函数调用。

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)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符将一个数组，变为参数序列。

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