正则删除字符串左、右或两端的空格经验总结

前端  /  管理员 发布于 7年前   240

我们前端在与后台人员进行数据交互时，经常会碰到这样的情况，我们经常需要获取文本框中用户输入的信息，然后通过ajax或form提交到后台。但是在用户输入信息时，我们无法保证用户输入的数据两端都没有空格。当然这些空格一般情况下是毫无意义的，因此我们有必要在将数据传输到后台之前，消除数据两端的空格。为了保证通用性，针对左、右及左右两端的空格清除，下面都进行了列举。

1.消除字符串左边的空格

复制代码 代码如下:

function leftTrim(str){
return str.replace(/^\s*/,"");//^符号表示从开头即左边进行匹配
}
//alert("111"+leftTrim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除

2.消除字符串右边的空格

复制代码 代码如下:

function rightTrim(str){
return str.replace(/\s*$/,"");
}
//alert("111"+rightTrim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除

3.消除字符串两边的空格

复制代码 代码如下:

function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
//alert("111"+trim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除

当然为了方便，我们还可以对字符串中的功能进行拓展

复制代码 代码如下:

String.prototype.trim = function(){
return trim(this);
}
var str = " aaa ";
alert("111"+str.trim()+"111");//两边的111作为参考，判断空格是否被删除

PS：如果你是使用jquery的话，上面的就可以忽略了，直接使用工具函数$.trim()即可。