JS数组方法concat()用法实例分析

简介

JavaScript中的数组方法concat()可以将多个数组（或值）连接成一个新数组，并返回该新数组。原数组不会被改变。该方法不会改变原始数组，而是返回一个新数组。

该方法是 JavaScript 的一个重要工具，可以用在很多场合。比如：

连接不同的数组，创建一个新的数组。
将一个或多个值添加到数组中。
将数组与其他对象组合起来。

语法

concat() 的语法如下：

array.concat(value1, value2, ..., valueN)

其中，array 是必选参数，它是指要连接的一个或多个数组。value1~valueN 是可选参数，它们是要添加到新数组的任意值。这些值将被原样复制，如果值为对象或数组，则只会添加其引用。

示例

示例1：连接多个数组

// 定义三个数组
var arr1 = ["apple", "banana"];
var arr2 = ["orange", "lemon"];
var arr3 = ["peach", "pineapple"];

// 连接三个数组为一个新数组
var newArr = arr1.concat(arr2, arr3);
console.log(newArr);
// 输出：["apple", "banana", "orange", "lemon", "peach", "pineapple"]

在这个示例中，我们定义了三个数组。然后使用concat() 方法将这三个数组连接为一个新数组，并将结果赋值给变量 newArr。最后输出新数组，将得到一个包含六个元素的数组。

示例2：添加值到数组中

// 定义一个数组
var arr = ["apple", "banana"];

// 添加多个字符串到数组中
var newArr = arr.concat("orange", "lemon");
console.log(newArr);
// 输出：["apple", "banana", "orange", "lemon"]

// 添加一个数组到数组中
var arr3 = ["peach", "pineapple"];
newArr = arr.concat(arr3);
console.log(newArr);
// 输出：["apple", "banana", "peach", "pineapple"]

在这个示例中，我们首先定义数组 arr。然后使用concat() 将两个字符串添加到数组中，并将结果赋值给一个新的数组 newArr。最后，我们定义了一个新的数组 arr3，使用concat()将它添加到原数组中，得到了一个包含四个元素的新数组。