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

介紹性的話就不多說了,我們都知道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>..










發佈了47 篇原創文章 · 獲贊 107 · 訪問量 35萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章