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

67 篇文章 1 订阅

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

在这里插入图片描述
在这里插入图片描述

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,“这是替换后字符可为空”)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值