您的位置：首页 > Web前端 > JavaScript

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

2017-12-07 19:10 761 查看
介绍性的话就不多说了，我们都知道Array类型是JS内置对象最常用的一个类型，里面的API经常在开发中用到，有一个方法非常的强大，那就是join()，这个方法的功能就是：将array数据中每个元素都转为字符串，用自定义的连接符分割join()方法的使用：一、最简单的将数组的每个元素都转为字符串[html] viewplain copy<script>      var num = Array("hello","world");      console.log(num.join());  </script>  结果： hello,world如果 join()里面不加任何参数，用法与toString()一样二、将字符组成单词，意为“无缝拼接”[html] viewplain copy<script>      var num = Array("h","e","l","l","o");      console.log(num.join(""));  </script>  结果: hello
在 join()里面添加""，变成join(""),可以将字符无缝添加成一个完整的单词
三、将单词组成句子
[html] viewplain copy<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()最为强大的功能
[html] viewplain copy<!DOCTYPE html>  <html>  <head lang="en">      <meta charset="UTF-8">f84e      <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>..转载地址：http://blog.csdn.net/baidu_25343343/article/details/54899421

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航