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

最新推荐文章于 2024-06-28 11:06:50 发布
最新推荐文章于 2024-06-28 11:06:50 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： jquery java基础

介绍性的话就不多说了，我们都知道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
开着拖拉机的梦想家
关注
专栏目录
JS中Array数组方法（秒懂数组方法如何使用）
百赢出品，必属精品
04-06 4184
JavaScript中的Array（数组）是一种用于存储多个值的数据结构，它是一种有序的集合，可以包含各种类型的数据，例如数字、字符串、对象等。
浅谈Javascript数组(推荐)
11-24
- `join()`方法将数组元素连接成字符串。 - `indexOf()`和`lastIndexOf()`分别查找元素首次出现和最后一次出现的位置。 - `forEach()`, `map()`, `filter()`, `reduce()`等方法提供数组遍历和转换的功能，这些都...
JavaScript中Array数组的join用法
热门推荐
山鬼谣弋痕夕的博客
07-21 1万+
join()，这个方法的功能就是：将array数据中每个元素都转为字符串，用自定义的连接符分割，如果 join()里面不加任何参数，用法与toString()一样 join()方法的使用，我们看一个例子来了解join的方法： var num = Array("hello","word"); console.log(num.join()); console.log(num.join(""));...
JavaScript-JS数组方法之Array.join()
hnyanzijun1的博客
06-03 1319
Array.join()方法将数组中所有元素都转化为字符串并连接在一起，返回最后生成的字符串。可以指定一个可选的字符串在生成的字符串中来分割数组的各个元素。如果不指定分隔符，默认使用逗号。如一下代码所示： var a = [1, 2, 3]; // 创建一个包含三个元素的数组 a.join(); // => "1,2,3" a.join(); // => "1 2 3" a.join(); // => "
JS Array.join 将数组元素连接成字符串
iteye_1234的博客
06-16 663
JS Array.join 将数组元素连接成字符串 &lt;script type="text/javascript"&gt; //JS Array.join 将数组元素连接成字符串 //在JavaScript中，数组对象 Array的方法arr.join([separator])将所有元素连接成一个字符串。参数separator是一个可选的字符串，用作分隔符。 //例1： var...
浅谈js多维数组和hash数组定义和使用
10-21
以上就是关于JavaScript中多维数组和Hash数组的定义和使用，以及常见的操作方法。了解这些基本概念和操作技巧，将有助于你在开发中更有效地处理和管理数据。在实际应用中，可以根据具体需求灵活运用这些知识。
浅谈JavaScript Array对象
10-24
在本篇文章中，我们主要探讨了JavaScript中的Array对象，包括其定义、属性、以及常用的实例方法。 首先，我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合，其中的值被称为元素。每个...
浅谈JavaScript中数组的增删改查
10-22
- `sort()` 方法可以对数组进行排序，默认升序，可以通过比较函数自定义排序规则，如`array.sort((a, b) => b - a)`降序排序。 7. **其他常用方法** - `indexOf()` 查找指定元素在数组中的索引，若不存在则返回-1...
JavaScript Array.join() 方法
aitanxiaofeng的博客
07-09 405
var a = [1,2,3,4,5]; //定义数组 var s = a.join("=="); //指定分隔符 console.log(s); //返回字符串“1==2==3==4==5”
JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串
weixin_45750721的博客
01-13 937
JS数组转字符串（3种方法） arrays.join("-")把数组使用-分割为字符串
Javascript：数组的join方法
最新发布
听海边涛声
06-28 303
Javascript：数组的join方法
JS--JavaScript数组Array(join、split、reverse、concat、slice)详解
吴声子夜歌的博客
09-22 3666
JavaScript数组 数组（Array）是一组有序数据集合，拥有大量方法，适合完成一些复杂的运算。 定义数组 定义数组通过构造函数Array()和运算符new来实现，具体方法如下： 1. 定义空数组： var a = new Array(); 通过这种方式定义的数组是 一个没有任何元素的空数组。 2. 定义带有参数的数组： var a = new Array(1,2,3,"4","5"); ...
js join方法的使用
yhj198927的博客
01-12 1445
JavaScript的join()方法是数组对象的方法之一，用于将数组中的所有元素连接成一个字符串。它可以接受一个可选的参数作为分隔符，用于在每个元素之间进行分隔。
无涯教程-Javascript - join()函数
无涯教程
02-20 799
JavaScript array.join()方法将数组的所有元素连接到一个字符串中。
JS中的join()方法
sssssnmmm的博客
08-25 3060
join()方法就是将array数据中每个元素都转为。输出结果:Apple is on my table。join()将数组转换为页面元素的内容。2、join(' ') 将数组元素以。，用法等同于toString()1、join('')将数组元素。，用自定义的连接符分割。3、join()将数组。输出结果:apple。每个元素都转为字符串。
JS Array数组常用方法（附上相应的用法及示例）
leng0920的博客
04-21 4800
JS Array数组常用方法(push、unshift、pop、shift、reverse、splice、sort、join、concat、slice、indexOf、forEach、map、filter、every、some)
[Javascript] Array - join()
weixin_30701575的博客
10-09 60
The join() method joins all elements of an array into a string. var name = 'shane osbourne'; var upper = name.split(' ') // [shane, osbourne] .map(x => x.charAt(0).toUpperCase() + x.slice...
js的join函数
xiaohua0708day的博客
04-11 756
join()是 JavaScript 数组（Array）对象的一个方法，它用于将数组（或数组的一部分）的所有元素连接到一个字符串中。
Array-wrap：JavaScript数组包装器的使用
资源摘要信息: "Array-wrap是一个用于包装JavaScript中的非数组值到数组中的库。它提供了一种简洁的方式来处理可能不总是返回数组的函数。当给定一个数组时，它返回原始数组。当给定一个非数组值时，它会创建一个新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值