W3CAPI 在线教程 | 菜鸟教程_LOGO
文档目录
文档目录
我的书签
 

JavaScript

JavaScript 入门教程

JavaScript是一门Web编程语言,用来实现网页的交互功能,它和HTML、CSS共同组成了个Web开发的基础工具集合,也是前端开发者必备的技能;学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念,让我们能够更加快速的去开发Web应用。

W3CAPI
1
2020-06-18 07:05:48

concat

JavaScript concat() 方法:Array(数组)对象

详细说明

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 核心对象、方法及属性。

上一篇:JavaScript Property(原型)属性:Array(数组)对象
下一篇:JavaScript join() 方法:Array(数组)对象

相关提问
敬请期待