在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("#");