JavaScript中使用concat合并数组
类别:Web前端 浏览量:1696
时间:2016-9-11 JavaScript中使用concat合并数组
JavaScript中使用concat合并数组concat() 方法用于连接两个或多个数组
一、语法
arrayObject.concat(arrayX,arrayX,......,arrayX)
二、参数:arrayX
要添加到当前数组末尾处的元素,可以为任意类型,可以有多个
三、concat()备注
1、如果参数为数组类型(Array),则将该参数数组中的所有元素依次拼接到当前数组的末尾;如果是其他类型,则将其本身作为元素添加到当前数组的末尾处。
2、该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
四、concat()返回值
1、返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。
2、如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。
3、如果当前数组中的元素是对象引用,则在返回的连接后的新数组中仍然是以对象引用的形式存在,并不会创建一个等同的对象。
五、concat()实例
// 定义一个数组对象
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>
<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数组
您可能感兴趣
- 使用javascript数组循环(JavaScript数组reduce方法的语法与实例解析)
- javascript数组实例扩展方法(JavaScript如何监测数组的变化)
- javascript四种数组(javascript数组includes、reduce的基本使用)
- 成功破圈,小牛电动SQi强势开 跨(小牛电动SQi强势开)
- 挑战新国标电自天花板,九号机械师MMAX 110P深度体验(挑战新国标电自天花板)
- 《满江红》不要只当电影看,学生应该这样做(满江红不要只当电影看)
- 电影《民间怪谈录之走阴人》定档8月5日,开启一场中式惊悚之旅(电影民间怪谈录之走阴人定档8月5日)
- 原创图画书,以儿童视角讲述中国故事(以儿童视角讲述中国故事)
- 八月再见 愿你岁月不扰,余生静好(八月再见愿你岁月不扰)