当前位置:Web前端 > javascript> 正文

JavaScript中使用concat合并数组

时间:2016-9-11类别:Web前端

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>
    
    		
  •  

    上一篇下一篇

    猜您喜欢

    热门推荐