程序博客网 > 奥飞数据广州

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

来源：互联网发布：奥飞数据广州编辑：程序博客网时间：2024/05/18 03:18

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

join()方法的使用：

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

[html] view plain copy

<script>
var num = Array("hello","world");
console.log(num.join());
</script>

结果： hello,world

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

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

[html] view plain copy

<script>
var num = Array("h","e","l","l","o");
console.log(num.join(""));
</script>

结果: hello

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

三、将单词组成句子

[html] view plain 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] view plain copy

<!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>..转载地址：http://blog.csdn.net/baidu_25343343/article/details/54899421

阅读全文

0 0

奥飞数据广州

奥飞数据广州

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子家暴警察不处理怎么办父亲把母亲打了怎么办 u盘的文件打不开怎么办头撞墙起包了怎么办儿童头撞墙起包怎么办头撞墙了鼓包了怎么办北京65岁老年证怎么办怎么办65岁免费乘车卡 5个月小孩晚上哭怎么办婴儿要含奶头睡怎么办我把输入法删了怎么办头发干枯毛躁怎么办用什么洗发水落枕后脖子歪了怎么办睡觉睡得脖子疼怎么办? 婴儿脖子睡歪了怎么办怀孕8个月肚皮痒怎么办怀孕大阴唇肿了怎么办孕妇肚皮撑的疼怎么办我大阴唇特别长怎么办切完洋葱辣眼睛怎么办下昆山车没刷卡怎么办高德地图用不了怎么办玩游戏老是闪退怎么办苹果平板电脑闪退怎么办钉钉忘记打卡了怎么办钉钉手机号换了怎么办玖富叮当贷逾期怎么办玖富超能怎么办现金贷包包的油边开裂怎么办 lv包包油边开裂怎么办 lv钱包油边开裂怎么办德运奶粉没勺子怎么办音响坏了没声音怎么办 6s蓝牙无法配对怎么办魅族耳机进水了怎么办苹果6耳机进水了怎么办耳机内部线坏了怎么办酷狗m1开不开机怎么办小米2s蓝牙坏了怎么办苹果手机蓝牙坏了怎么办老婆不精明傻笨怎么办