浅谈JavaScript--Array数组的join()方法

ゝ一世哀愁。 2022-02-24 02:26 293阅读 0赞

# 浅谈JavaScript--Array数组的join()方法 #

join()方法的使用：

一、最简单的将数组的每个元素都转为字符串

结果： hello,world

如果 join()里面不加任何参数，用法与toString()一样

二、将字符组成单词，意为“无缝拼接”

结果: hello

在 join()里面添加""，变成join(""),可以将字符无缝添加成一个完整的单词
    
    三、将单词组成句子

结果： I Like JavaScript and Array

在 join()里面添加" "，变成join(" ")，可以将单词拼接成一段句子

四、判断数组是不是空字符数组

注意：这里是判断空字符数组，类似[,,,,,,,,,]，如果我们使用String(array[,,,,,])，

返回的依然是,,,,,,,

如果使用join(""),返回的是空白的，可以有效判断这个数组是不是一个空字符数组

五、将数组转化为页面元素的内容

这是join()最为强大的功能

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <select id="sel"></select>
    <script>
        var sel =document.getElementById("sel");
        var array=["北京市","上海市","广州市","深圳市"];
        var html="<option>" + array.join("</option><option>")+ "</option>";
        sel.innerHTML=html;
    </script>
    </body>
    </html>

1.  执行结果:

其实join()里面填入"</option><option>"的意思就是为数组每个元素前后都添加上

</option>北京市<option></option>上海市<option>..