javascript中join方法实例讲解

209 阅读 0 评论 138 点赞

我是靠谱客的博主坚强冰棍，这篇文章主要介绍javascript中join方法实例讲解，现在分享给大家，希望可以做个参考。

我们先来看一下Array.join()函数的基本语法

Array.join([separator])

separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素，请用逗号（，）分隔。

此函数返回通过使用分隔符连接数组的所有元素而创建的字符串。如果未提供分隔符，则使用逗号（，）连接数组元素，因为它是此函数的默认分隔符。如果提供空字符串作为分隔符，则元素将直接连接，而它们之间没有任何字符。如果array为空，则此函数返回空字符串。

下面我们来看具体的示例

例1：

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
 var a = [ 1, 2, 3, 4, 5, 6 ]; 
 document.write(a.join('|')); 
} 
func(); 
</script>
</body>
</html>

输出结果如下：1|2|3|4|5|6

例2：

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
var a = [ 1, 2, 3, 4, 5, 6 ]; 
document.write(a.join()); 
} 
 
func(); 
</script> 
 
</body>
</html>

输出结果如下：1,2,3,4,5,6

例3：

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
var a = [ 1, 2, 3, 4, 5, 6 ]; 
document.write(a.join('')); 
} 
func(); 
</script> 
</body>
</html>

输出结果如下：123456