Array數組的join()方法 · 常用筆記

# Array數組的join()方法 # 淺談JavaScript--Array數組的join()方法 # 淺談JavaScript--Array數組的join()方法 join()方法的使用：一、最簡單的將數組的每個元素都轉為字符串 ``` <pre class="calibre13">``` <script> var num = Array("hello","world"); console.log(num.join()); console.log(num.toString()); console.log(num.join(","));</script> ``` ``` ``` <pre class="calibre13">``` 結果： hello,world ``` ``` 如果 join()里面不加任何參數，用法與toString()一樣二、將字符組成單詞，意為“無縫拼接” ``` <pre class="calibre13">``` <script> var num = Array("h","e","l","l","o"); console.log(num.join(""));</script> ``` ``` 結果: hello ``` <pre class="calibre13">``` 在 join()里面添加""，變成join(""),可以將字符無縫添加成一個完整的單詞三、將單詞組成句子 ``` ``` ``` <pre class="calibre13">``` <script> var num = Array("I","Like","JavaScript","and","Array"); console.log(num.join(" "));</script> ``` ``` ``` <pre class="calibre13">``` 結果： I Like JavaScript and Array ``` ``` ``` <pre class="calibre13">``` 在 join()里面添加" "，變成join(" ")，可以將單詞拼接成一段句子 ``` ``` ``` <pre class="calibre13">``` 四、判斷數組是不是空字符數組 ``` ``` ``` <pre class="calibre13">``` 注意：這里是判斷空字符數組，類似[,,,,,,,,,]，如果我們使用String(array[,,,,,])， ``` ``` ``` <pre class="calibre13">``` 返回的依然是,,,,,,, ``` ``` ``` <pre class="calibre13">``` 如果使用join(""),返回的是空白的，可以有效判斷這個數組是不是一個空字符數組 ``` ``` ``` <pre class="calibre13">``` 五、將數組轉化為頁面元素的內容 ``` ``` ``` <pre class="calibre13">``` 這是join()最為強大的功能 ``` ``` ``` <pre class="calibre13">``` <!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. 執行結果: ``` <pre class="calibre13">``` 其實join()里面填入"</option><option>"的意思就是為數組每個元素前后都添加上 ``` ``` ``` <pre class="calibre14">``` </option>北京市<option></option>上海市<option>.. ``` ```