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

介绍性的话就不多说了,我们都知道Array类型是JS内置对象最常用的一个类型,里面的API经常在开发中用到,有一个方法非常的强大,那就是join(),这个方法的功能就是:将array数据中每个元素都转为字符串,用自定义的连接符分割


join()方法的使用:

一、最简单的将数组的每个元素都转为字符串

[html]   view plain  copy
  1. <script>  
  2.     var num = Array("hello","world");  
  3.     console.log(num.join());  
  4. </script>  


结果: hello,world


如果 join()里面不加任何参数,用法与toString()一样


二、将字符组成单词,意为“无缝拼接”

[html]   view plain  copy
  1. <script>  
  2.     var num = Array("h","e","l","l","o");  
  3.     console.log(num.join(""));  
  4. </script>  

结果: hello
在 join()里面添加"",变成join(""),可以将字符无缝添加成一个完整的单词


三、将单词组成句子
[html]   view plain  copy
  1. <script>  
  2.     var num = Array("I","Like","JavaScript","and","Array");  
  3.     console.log(num.join(" "));  
  4. </script>  

结果: I Like JavaScript and Array

在 join()里面添加" ",变成join(" "),可以将单词拼接成一段句子


四、判断数组是不是空字符数组
注意:这里是判断空字符数组,类似[,,,,,,,,,],如果我们使用String(array[,,,,,]),
返回的依然是,,,,,,,  
如果使用join(""),返回的是空白的,可以有效判断这个数组是不是一个空字符数组
五、将数组转化为页面元素的内容
这是join()最为强大的功能
[html]   view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head lang="en">  
  4.     <meta charset="UTF-8">  
  5.     <title></title>  
  6. </head>  
  7. <body>  
  8. <select id="sel"></select>  
  9. <script>  
  10.     var sel =document.getElementById("sel");  
  11.     var array=["北京市","上海市","广州市","深圳市"];  
  12.     var html="<option>" + array.join("</option><option>")+ "</option>";  
  13.     sel.innerHTML=html;  
  14. </script>  
  15. </body>  
  16. </html>  

执行结果:
其实join()里面填入"</option><option>"的意思就是为数组每个元素前后都添加上
</option>北京市<option></option>上海市<option>..

转载地址:http://blog.csdn.net/baidu_25343343/article/details/54899421
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值