javascript中Array对象的join()方法使用说明

join()方法将数中的所有元素连接起来，并返回为一个字符串，它还允许指定在连接数组元素时插入其间的任意字符。该方法仅有一个参数，即在元素之间插入的字符串。此参数可选 指定要使用的分隔符，如果省略该参数，则默认使用逗号作为分隔符。 返回值一个字符串。该字符串是通过把数组对象的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 （分隔符）separator字符串而生成的。

// 例一：未填写参数时，会默认使用逗号作为分隔符
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>

输出结果如下：