淺談JavaScript--Array數組的join()方法

2024-04-27 15:09:35

字體：大中小

來源：轉載

供稿：網友

介紹性的話就不多說了，我們都知道Array類型是JS內置對象最常用的一個類型，里面的API經常在開發中用到，有一個方法非常的強大，那就是join()，這個方法的功能就是：將array數據中每個元素都轉為字符串，用自定義的連接符分割

join()方法的使用：

一、最簡單的將數組的每個元素都轉為字符串

<script>    var num = Array("hello","world");    console.log(num.join());</script>
結果： hello,world
如果 join()里面不加任何參數，用法與toString()一樣
二、將字符組成單詞，意為“無縫拼接”
<script>    var num = Array("h","e","l","l","o");    console.log(num.join(""));</script>結果: hello在 join()里面添加""，變成join(""),可以將字符無縫添加成一個完整的單詞三、將單詞組成句子<script>    var num = Array("I","Like","javaScript","and","Array");    console.log(num.join(" "));</script>結果： 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>執行結果:其實join()里面填入"</option><option>"的意思就是為數組每個元素前后都添加上</option>北京市<option></option>上海市<option>..