您的位置：首页 > Web前端 > javascript > 正文

JavaScript中使用concat合并数组

更多时间：2016-9-11 类别：Web前端浏览量：1696

JavaScript中使用concat合并数组

JavaScript中使用concat合并数组

concat() 方法用于连接两个或多个数组

一、语法

arrayObject.concat(arrayX,arrayX,......,arrayX)

二、参数：arrayX

要添加到当前数组末尾处的元素，可以为任意类型，可以有多个

三、concat()备注

1、如果参数为数组类型(Array)，则将该参数数组中的所有元素依次拼接到当前数组的末尾；如果是其他类型，则将其本身作为元素添加到当前数组的末尾处。

2、该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本

四、concat()返回值

1、返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。

2、如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

3、如果当前数组中的元素是对象引用，则在返回的连接后的新数组中仍然是以对象引用的形式存在，并不会创建一个等同的对象。

五、concat()实例

JScript 代码复制


// 定义一个数组对象
var array = ["CodePlayer", true, -5.1];
document.writeln(array); // CodePlayer,true,-5.1

// 拼接(添加)一个字符串元素
array = array.concat("http://www.studyofnet.com");
document.writeln(array); // CodePlayer,true,-5.1,http://www.studyofnet.com

// 拼接(添加)一个布尔元素
array = array.concat(false, 23, "Code"); // CodePlayer,true,-5.1,http://www.studyofnet.com,false,23,Code
document.writeln(array);

// 拼接(合并)一个数组
array = array.concat( [23, 15] );
document.writeln(array); // CodePlayer,true,-5.1,http://www.studyofnet.com,false,23,Code,23,15

var o = ...{name: "张三", age: 18};
// 拼接(添加)一个Object元素
array = array.concat(o);
document.writeln(array); // CodePlayer,true,-5.1,http://www.studyofnet.com,false,23,Code,23,15,[object Object]

HTML 代码复制


<html>
    <head>
        <title>数组的concat()方法</title>
        
        <script>...
            /**//*
            数组的concat()方法:
            1、该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
            2、返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。
            如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。
            */
        
            var arr1 = [123,"aaa"];
            var arr2 = [false,333];
            var arr3 = [true,"ddd"];
            //可以继续连接数组或者其他元素
            document.write(arr1.concat(arr2,arr3,"vvv") + "<br/>");//123,aaa,false,333,true,ddd,vvv
            //原数组没有改变
            document.write(arr1);//123,aaa
        </script>

    </head>
    
    <body>
        <li id="time"></li>
    </body>

</html>

标签：JavaScript数组

上一篇：mysql权限设置

下一篇：如何将类库、DLL发布到Nuget

您可能感兴趣

JavaScript中使用concat合并数组

JavaScript中使用concat合并数组

热门推荐

排行榜