ES6扩展运算符如何操作数组实例，能给出详细分析吗？

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

原文示例：本文字例讲述了ES6数组之扩展运算符操作。

改写后内容：ES6扩展运算符（...）是三个点（...）。它比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)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符将一个数组，变为参数序列。

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

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

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