js去除字符串空格(空白符) && 将数组转化为字符串

发布时间:2023-01-23 17:00

需求:使用elment input框 文本域,支持多工单号查询,因为复制的数据会有空格出现,后端不要空格 所以需要去除空格并转成字符串

js去除字符串空格(空白符) && 将数组转化为字符串_第1张图片
在这里插入图片描述

js去除空格:

 let a = this.crud.query.orderNoList.trim().split(/\s+/);
 a.join()

打印结果:
在这里插入图片描述
后端需要的是字符串 所以最后再使用**join()**进行拼接

a.join()

打印结果:
在这里插入图片描述

完整代码:

 let a = this.crud.query.orderNoList.trim().split(/\s+/);
 a.join()

总结:

js去除字符串空格(空白符)

使用js去除字符串内所带有空格,有以下三种方法:
( 1 ) replace正则匹配方法

去除字符串内所有的空格:str = str.replace(/\s*/g,“”);

去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,“”);

去除字符串内左侧的空格:str = str.replace(/^\s*/,“”);

去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,“”);

示例:

var str = " 6 6 ";
var str_1 = str.replace(/\s*/g,"");
console.log(str_1); //66
var str = " 6 6 ";
var str_1 = str.replace(/^\s*|\s*$/g,"");
console.log(str_1); //6 6//输出左右侧均无空格
 
var str = " 6 6 ";
var str_1 = str.replace(/^\s*/,"");
console.log(str_1); //6 6 //输出右侧有空格左侧无空格
var str = " 6 6 ";
var str_1 = str.replace(/(\s*$)/g,"");
console.log(str_1); // 6 6//输出左侧有空格右侧无空格

( 2 ) str.trim()方法

trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。

缺陷:只能去除字符串两端的空格,不能去除中间的空格

示例:

var str = " 6 6 ";
var str_1 = str.trim();
console.log(str_1); //6 6//输出左右侧均无空格

单独去除左侧空格则使用 str.trimLeft(); //var str_1 = str.trimLeft();
单独去除右侧空格则使用 str.trimRight();//var str_1 = str.trimRight();

将数组转化为字符串

利用join()、replace(/,/g,“”)将数组转化为字符串

例如:
一个path数组

pata:["1","2","3","木头人","小白输了"];

使用join()、replace(/,/g,“”)将数组转化得到一个新字符串

//定义个path2接受新字符串v
let path2 = this.path.join().replace(/,/g,"");

运行后将会得到: 123木头人小白输了
join()是用于连接数组元素,使数组成为字符串
replace(/,/g,“”)是将原本数组的逗号替换为空(/这里写需要替换的字符/g,“这是替换后字符可为空”)

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号