JavaScript中的join方法妙用

需求

现在有一个数据表格,需要进行将选中的行进行批量删除,那么就得获取到选中的元素,并且得到这些元素的id,将这些id传送到后端,进行批量删除,那么最好的方式,就是将所有选中的行的id组合成一个有规律的字符串,将这些id传送到后端进行批量删除。

什么是有规律的字符串?
比如:1,2,3,4 这样的字符串就是一个有规律的字符串,后端可以将以,号分割为一个数组,进行批量删除,当然你也可以写个循环一次一次的删除,不过这样的效率明显就降低了很多。
在这里插入图片描述
那么我们来看看如何操作吧。有两种方法,第一种需要写个循环进行判断,而第二种方法只需要调用join方法,那相比之下你觉得那个方法更好用呢?自己写说不定一不小心还会写错,有可以用的东西就不用重复去造轮子了,我们直接拿来用就好了。

具体实现:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>


	</head>
	<body>
		
<script>
	
	// 方法1: 假设我以及获取到了所有选中的行,并且将其封装为了一个数组
	var array=new Array(4);
	array[0]="1";
	array[1]="2";
	array[2]="3";
	array[3]="4";
	 var result="";
	for(var i=0;i<array.length;i++){
    
    
        if(i!=array.length-1){
    
    
			result+=array[i]+",";
		}else{
    
    
			result+=array[i];
		}
	}
	 // 输出结果:方法1=1,2,3,4
	 console.log("方法1="+result);
	
	// 方法2:假设我以及获取到了所有选中的行,并且将其封装为了一个数组
  var arr=new Array(4);
	arr[0]="1";
	arr[1]="2";
	arr[2]="3";
	arr[3]="4";
	// 将数组合并为一个新的字符串,以逗号分割
 var newArr= arr.join(",");
 // 输出结果:方法2=1,2,3,4
 console.log("方法2="+newArr);
 
 

 </script>

</body>
</html>

得到这样:1,2,3,4 的字符串之后,我们只需要通过ajax或者是其他方式提交到后端,后端就可以按照,号进行分割为一个String类型的数组或者是List集合,进行批量删除。

猜你喜欢

转载自blog.csdn.net/m0_46188681/article/details/117843840