博客

浅谈JavaScript–Array数组的join()方法

  • Post author:
  • Post category:java



介绍性的话就不多说了，我们都知道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>..

















    

    
   











    

     

    
   



    

     

      

     

    
   




 






版权声明：本文为baidu_25343343原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。








	Tags: