如何使用 "ECMAScript 2016" 中的 "concat" 函数进行数组合并？

简介

在前端开发中，我们经常需要对多个数组进行合并。而 "ECMAScript 2016" 中的 "concat" 函数可以很方便地实现这个功能。本文将详细介绍如何使用 "concat" 函数进行数组合并。

"concat" 函数的语法

"concat" 函数是数组的一个方法，用于将多个数组合并成一个新数组。它的语法如下：

array.concat(array1, array2, ..., arrayN)

其中，"array" 是要合并的数组，"array1"、"array2"、...、"arrayN" 是要添加到新数组中的数组。可以添加任意个数组。

"concat" 函数的用法

下面通过示例来演示 "concat" 函数的用法。

合并两个数组

假设有两个数组，分别为：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];

要将这两个数组合并成一个新数组，可以使用 "concat" 函数：

var newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

合并多个数组

如果要将多个数组合并成一个新数组，可以在 "concat" 函数中添加多个数组：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = [7, 8, 9];
var newArr = arr1.concat(arr2, arr3);
console.log(newArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

合并空数组

如果要将一个数组和一个空数组合并，可以直接调用 "concat" 函数：

var arr1 = [1, 2, 3];
var arr2 = [];
var newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3]

不改变原数组

"concat" 函数不会改变原数组，而是返回一个新数组。例如：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var newArr = arr1.concat(arr2);
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [4, 5, 6]
console.log(newArr); // [1, 2, 3, 4, 5, 6]

总结

本文介绍了 "ECMAScript 2016" 中的 "concat" 函数的用法，包括合并两个数组、合并多个数组、合并空数组和不改变原数组等。 "concat" 函数在前端开发中非常常用，掌握它的用法可以提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662f42fad3423812e4d379c2