JavaScript数组合并

JavaScript数组合并教程

JavaScript 的数组的 concat() 方法用于将多个数组合并成一个数组，并返回合并后的数组。此方法并不会改变原来的数组，而仅仅是返回被连接的数组的一个副本。

JavaScript concat()方法详解

定义

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

语法

array1.concat(array2,array3,...,arrayX);

参数

参数	描述
array2, array3, …, arrayX	必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

技术细节

该函数只支持 JavaScript 1.2 即以上版本。

案例

合并数组

使用数组的 concat 方法合并数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript concat方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var arr1 = new Array("Hello", "HaiCoder");
            var arr2 = new Array("Hello", "JavaScript");
            var arr12 = arr1.concat(arr2);
            console.log("Arr12 =", arr12);
            var arr3 = new Array("Golang", "Python");
            var arr4 = new Array("C++", "JavaScript");
            var arr5 = new Array("Php", "HTML");
            var arr345 = arr3.concat(arr4, arr5);
            console.log("Arr345 =", arr345);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

45_Javascript数组concat方法.png

我们首先使用 new 创建了两个数组 arr1 和 arr2，接着，我们使用 concat 方法将数组 arr1 和数组 arr2 连接了起来，并返回了一个新的数组 arr12。

接着，我们再次定义了三个数组，并且使用 concat 方法，同时将三个数组连接了起来，并返回连接后的数组。

合并数组

使用数组的 concat 方法合并数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript concat方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var arr1 = new Array("Golang", "Python");
            var arr2 = new Array("C++", "JavaScript");
            var arr3 = new Array("Php", "HTML");
            var arr123 = arr1.concat(arr2, arr3, ["C#", "Java", "NodeJs"]);
            console.log("Arr123 =", arr123);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

46_Javascript数组concat方法.png

我们首先使用 new 创建了三个数组 arr1、 arr2 和 arr3，接着，我们使用 concat 方法将数组 arr1、数组 arr2 和数组 arr3 以及一个临时数组连接了起来，并返回了一个新的数组 arr123。

JavaScript数组合并总结

JavaScript 的数组的 concat() 方法用于将多个数组合并成一个数组，并返回合并后的数组。此方法并不会改变原来的数组，而仅仅是返回被连接的数组的一个副本。JavaScript concat()方法语法：

array1.concat(array2,array3,...,arrayX);