JavaScript是一门Web编程语言,用来实现网页的交互功能,它和HTML、CSS共同组成了个Web开发的基础工具集合,也是前端开发者必备的技能;学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念,让我们能够更加快速的去开发Web应用。
concat()方法用于合并两个或多个数组。concat不会修改原数组,而是返回一个由原数组元素组合而成的副本。
版本兼容
实现于JavaScript 1.2
语法说明
concat(arrayname1, arrayname2, ..., arraynameN)
代码说明
arrayname1, arrayname2, ..., arraynameN:需要被合并到数组中的多个数组。
示例 -1:
在以下网页文档中,两个各含单个元素的数组 arrayname1 和 arrayname2 通过 concat() 方法实现了合并。
HTML代码
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>JavaScript concat() method example on two arrays</title>
<meta name="description" content="This document contains an example of JavaScript Array constructor Property" />
<style type="text/css">
h1{color: red;}
</style>
</head>
<body>
<h1>JavaScript : concat() method</h1>
<script src="array-concat-example1.js"></script>
</body>
</html>
执行一下JS代码
var arrayname1 = new Array("USA");
var arrayname2 = new Array("INDIA");
var newarray = arrayname1.concat(arrayname2);
var newParagraph = document.createElement("p");
var newText = document.createTextNode(newarray);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
执行一下示例 -2:
在以下网页文档中,包含多个元素的三个数组array1、array2及array3已通过concat()方法实现连接。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript concat() method example on multiple arrays</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : concat() method</h1>
<script src="array-concat-example2.js"></script>
</body>
</html>
执行一下JS代码
var array1=new Array(2);
array1[0] = "Fruits";
array1[1] = "Color";
var array2=new Array(2);
array2[0] = "Orange";
array2[1] = "Apple";
var array3=new Array(2);
array3[0] = "Banana";
array3[1] = "Cherry";
var joinarray=array1.concat(array2,array3);
var newParagraph = document.createElement("p");
var newText = document.createTextNode(joinarray);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
执行一下另请参阅:
上一篇:JavaScript Property(原型)属性:Array(数组)对象
下一篇:JavaScript join() 方法:Array(数组)对象