您的位置:首页 > Web前端 > javascript

JavaScript中使用concat合并数组

更多 2016/9/11 来源:javascript学习浏览量:1726
学习标签: JavaScript数组
本文导读:我们在javascript开发项目中,有时候会遇到需要将两个数组合并成为一个的情况,JavaScript中有多种方式实现数组的合并,例如:concat函数、for循环、apply。下面介绍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>
        <div id="time"></div>
    </body>

</html>

 

收藏
67
很赞
315