介紹性的話就不多說了,我們都知道Array類型是JS內置對象最常用的一個類型,裏面的API經常在開發中用到,有一個方法非常的強大,那就是join(),這個方法的功能就是:將array數據中每個元素都轉爲字符串,用自定義的連接符分割
join()方法的使用:
一、最簡單的將數組的每個元素都轉爲字符串
<script>
var num = Array("hello","world");
console.log(num.join());
</script>
如果 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>..