首页 > web前端 > js教程 > 正文

JavaScript连接两个或多个数组的方法concat()

黄舟
发布: 2017-11-03 10:24:39
原创
4340 人浏览过

定义和用法

concat() 方法用于连接两个或多个数组

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

语法

arrayObject.concat(arrayX,arrayX,......,arrayX)
登录后复制
参数描述
arrayX必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。

返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

实例

例子 1

在本例中,我们将把 concat() 中的参数连接到数组 a 中:

<script type="text/javascript">

var a = [1,2,3];
document.write(a.concat(4,5));

</script>
登录后复制

输出:

1,2,3,4,5
登录后复制

例子 2

在本例中,我们创建了两个数组,然后使用 concat() 把它们连接起来:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))

</script>
登录后复制

输出:

George,John,Thomas,James,Adrew,Martin
登录后复制

例子 3

在本例中,我们创建了三个数组,然后使用 concat() 把它们连接起来:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(arr.concat(arr2,arr3))

</script>
登录后复制

输出:

George,John,Thomas,James,Adrew,Martin,William,Franklin
登录后复制

这种方法将两个或多个字符串,并返回一个新的单字符串。
语法

string.concat(string2, string3[, ..., stringN]);
登录后复制

下面是参数的详细信息:

    string2...stringN : 这些是要连接字符串。
登录后复制

返回值:

返回一个连接字符串。
例子:

<html>
<head>
<title>JavaScript String concat() Method</title>
</head>
<body>
<script type="text/javascript">
var str1 = new String( "This is string one" );
var str2 = new String( "This is string two" );
var str3 = str1.concat( str2 );
 
document.write("Concatenated String :" + str3); 
</script>
</body>
</html>
登录后复制

这将产生以下结果:

Concatenated String :This is string oneThis is string two.
登录后复制

以上是JavaScript连接两个或多个数组的方法concat()的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!