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

最新推荐文章于 2024-06-28 11:06:50 发布
最新推荐文章于 2024-06-28 11:06:50 发布
阅读量1.5w 收藏 15
点赞数 3
分类专栏： JavaScript 文章标签： Javascript Array数组 join
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_25343343/article/details/54899421
版权

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

 

 

 

 

 

 



 

 

 

 


 
 


 

                

        

        

    

  


    

      

        

            

              
                
                  冯小东
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
JS中Array数组方法（秒懂数组方法如何使用）

				
			

			

				

					百赢出品，必属精品
				

				

					04-06
					
					3818
					
				

			

		

		

			
				
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：数组的join方法

					
最新发布

				
			

			

				

					听海边涛声
				

				

					06-28
					
					215
					
				

			

		

		

			
				
Javascript：数组的join方法

			
		

	



		

			
		



	

		

			

				
					
JavaScript-JS数组方法之Array.join()

				
			

			

				

					hnyanzijun1的博客
				

				

					06-03
					
					1289
					
				

			

		

		

			
				
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
					
					652
					
				

			

		

		

			
				

JS Array.join 将数组元素连接成字符串

&lt;script type="text/javascript"&gt;
//JS Array.join 将数组元素连接成字符串
//在JavaScript中，数组对象 Array的方法arr.join([separator])将所有元素连接成一个字符串。参数separator是一个可选的字符串，用作分隔符。
//例1：
var...

			
		

	





	

		

			

				
					
JavaScript Array.join() 方法

				
			

			

				

					aitanxiaofeng的博客
				

				

					07-09
					
					395
					
				

			

		

		

			
				
var a = [1,2,3,4,5];  //定义数组
var s = a.join("==");  //指定分隔符
console.log(s);  //返回字符串“1==2==3==4==5”




			
		

	





	

		

			

				
					
浅谈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...

			
		

	





	

		

			

				
					
JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串

				
			

			

				

					weixin_45750721的博客
				

				

					01-13
					
					855
					
				

			

		

		

			
				
JS数组转字符串（3种方法） arrays.join("-")把数组使用-分割为字符串

			
		

	





	

		

			

				
					
JS--JavaScript数组Array(join、split、reverse、concat、slice)详解

				
			

			

				

					吴声子夜歌的博客
				

				

					09-22
					
					3567
					
				

			

		

		

			
				
JavaScript数组
数组（Array）是一组有序数据集合，拥有大量方法，适合完成一些复杂的运算。
定义数组
定义数组通过构造函数Array()和运算符new来实现，具体方法如下：
1. 定义空数组：
var a = new Array();

通过这种方式定义的数组是 一个没有任何元素的空数组。
2. 定义带有参数的数组：
var a = new Array(1,2,3,"4","5");
...

			
		

	





	

		

			

				
					
js join方法的使用

				
			

			

				

					yhj198927的博客
				

				

					01-12
					
					1372
					
				

			

		

		

			
				
JavaScript的join()方法是数组对象的方法之一，用于将数组中的所有元素连接成一个字符串。它可以接受一个可选的参数作为分隔符，用于在每个元素之间进行分隔。

			
		

	





	

		

			

				
					
无涯教程-Javascript  - join()函数

				
			

			

				

					无涯教程
				

				

					02-20
					
					782
					
				

			

		

		

			
				
JavaScript array.join()方法将数组的所有元素连接到一个字符串中。

			
		

	





	

		

			

				
					
JS中的join()方法

				
			

			

				

					sssssnmmm的博客
				

				

					08-25
					
					2869
					
				

			

		

		

			
				
join()方法就是将array数据中每个元素都转为。输出结果:Apple is on my table。join()将数组转换为页面元素的内容。2、join(' ') 将数组元素以。，用法等同于toString()1、join('')将数组元素。，用自定义的连接符分割。3、join()将数组。输出结果:apple。每个元素都转为字符串。

			
		

	





	

		

			

				
					
JS Array数组常用方法（附上相应的用法及示例）

				
			

			

				

					leng0920的博客
				

				

					04-21
					
					4485
					
				

			

		

		

			
				
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
					
					54
					
				

			

		

		

			
				
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
					
					636
					
				

			

		

		

			
				
join()是 JavaScript 数组（Array）对象的一个方法，它用于将数组（或数组的一部分）的所有元素连接到一个字符串中。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值