// 例一：未填寫引數時，會預設使用逗號作為分隔符
var arr1 = ['eggs','milk','potatoes','cereal'];
var str1 = arr1.join();
document.write("例一 未填寫引數時：" + str1 + "<br /><br />");


// 例二：引數為空時 可以將字元無縫新增成一個完整的單詞 也可以將單片語成句子
var str2 = arr1.join('');
document.write("例二 引數為空時：" + str2 + "<br /><br />");


// 例三：引數是字元時 注意 and 前後我留有空格
var str3 = arr1.join(' and ');
document.write("例三 引數是字元時：" + str3 + "<br /><br />");


// 例四：引數為符號時
var str4 = arr1.join('+');
document.write("例四 引數為符號時：" + str4 + "<br /><br />");

// 例五：引數為標籤時
var str5 = arr1.join('<br />');
document.write("例五 引數為標籤時："+ "<br />" + str5 + "<br /><br />");



// 例六：可以用來做判斷
var str6 = arr1.join();
if(str6 == ''){
   document.write("例六 可以用來做判斷：" + "陣列為空" + "<br /><br />");

}else{
   document.write("例六 可以用來做判斷：" + "陣列有值" + "<br /><br />");
}

<!-- 例七：用來新增元素  引數為</option><option>是為陣列每個元素都新增上<option>-->
<span>例七：用來新增元素： </span>
<select id="sel"></select>
<br />
<br />
<script>
   // 例七：用來新增元素
   var sel = document.getElementById("sel");
   var array = ["1","2","3","4"];
   var html = "<option>" + array.join("</option><option>")+ "</option>";
   console.log(html);
   sel.innerHTML = html;
</script>
 

輸出結果如下：