在JavaScript中,我们可以使用join()方法来将数组中的所有元素连接成一个字符串。

语法:

数组名.join("连接符");

说明:

连接符是可选参数,用于指定连接元素之间的符号。默认情况下,则采用英文逗号(,)作为连接符来连接。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var arr = ["HTML", "CSS", "JavaScript", "jQuery"]; document.write(arr.join() + "<br/>"); document.write(arr.join("*")); </script> </head> <body> </body> </html>

浏览器预览效果如图所示。

分析:

arr.join()表示使用默认符号(,)作为分隔符,arr.join("*")表示使用星号(*)作为分隔符。如果我们想要实现字符之间没有任何东西,该怎么实现呢?请看下一个例子。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var arr = ["HTML", "CSS", "JavaScript", "jQuery"]; document.write(arr.join("") + "<br/>"); </script> </head> <body> </body> </html>

浏览器预览效果如图所示。

分析:

注意,join(" ")join("")是不一样的!前者两个引号之间是有空格的,所以表示用空格作为连接符来连接,而后者两个引号之间是没有空格的。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var str1 = "绿*叶*学*习*网"; var str2 = str1.split("*").join("#"); document.write(str2); </script> </head> <body> </body> </html>

浏览器预览效果如图所示。

分析:

在这个例子中,我们实现的效果是将“绿*叶*学*习*网”转换成“绿#叶#学#习#网”。对于str1.split("*").join("#")这句代码,我们分两步来理解。str1.split("*")表示以星号(*)作为分割符来分割字符串str1,从而得到一个数组,即["绿","叶","学","习","网"]。由于这是一个数组,所以此时我们可以使用数组的join()方法。

实际上,

var str2 = str1.split("*").join("#");

可以分两步来写,等价于:

var arr = str1.split("*"); var str2 = arr.join("#");