利用 ECMAScript 2017 中的扩展操作符进行数组拼接
在处理数组相关的操作中，数组拼接是一个常见的需求。可以利用 ECMAScript 2017 中引入的扩展操作符（spread syntax），轻松实现数组的拼接，而不需要使用传统的 concat 方法。
扩展操作符
扩展操作符是在 ECMAScript 2015 中引入的一项语言特性，它以三个点（...）为标识符，可以将一个数组或者类数组对象展开成一系列的值。扩展操作符可以应用于函数调用、数组字面量或者对象字面量的属性拓展中。
const array = [1, 2, 3]; console.log(...array); // 1 2 3
在这个例子中，扩展操作符将数组的每个元素作为独立的参数传递给 console.log 函数。
数组拼接
当需要将两个数组合并成一个新数组时，可以使用传统的 concat 方法。
const array1 = [1, 2]; const array2 = [3, 4]; const newArray = array1.concat(array2); console.log(newArray); // [1, 2, 3, 4]
使用扩展操作符，可以更加简洁地实现数组拼接。
const array1 = [1, 2]; const array2 = [3, 4]; const newArray = [...array1, ...array2]; console.log(newArray); // [1, 2, 3, 4]
在这个例子中，扩展操作符将 array1 和 array2 展开成一系列的值，并将它们合并为一个新数组。
除了数组拼接，扩展操作符还可以用于数组的复制和合并对象的属性。使用扩展操作符可以让代码更加简洁且易读。
示例代码
-- -------------------- ---- ------- ----- ------ - --- --- ----- ------ - --- --- -- -- ------ -------- ----- --------- - ---------------------- ----------------------- -- --- -- -- -- -- ------------- ----- --------- - ----------- ----------- ----------------------- -- --- -- -- --
总结
扩展操作符是 ECMAScript 2015 中引入的一项语言特性，它可以将一个数组或者类数组对象展开成一系列的值。利用扩展操作符，可以更加简洁易读地实现数组的拼接、复制和合并对象的属性等操作。在实际开发中，我们可以结合具体的实例场景选择合适的方法，提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a534df48841e98941b17bb