JavaScript正则表达式去除或替换空格

正则表达式去除空格,或者用字符串替换空格;

str.replace(/^\s+|\s+$/g, '')

上面就是匹配空格,并且用””替换;

如果您想用其它来替换,也可以的;

需要这么写

str.replace(/^\s+|\s+$/g, "这里是您要替换的文字")

下面是这段正则的解释

解析:

  • str:要替换的字符串
  • \s : 表示 space ,空格
  • +: 一个或多个
  • ^: 开始,^\s,以空格开始
  • $: 结束,\s$,以空格结束
  • |:或者
  • /g:global, 全局
  • replace() 替换

怎么样,用正则做批处理,非常不错吧;

下面这种写法,供参考

var reg = /^\s*|\s*$/g;
var str = "";
str.replace(reg, "")
//删除字符串两侧的空白字符。
function trim(str){
return str.replace(/^s+|s+$/g,'');
}
//删除字符串左侧的空白字符。
function ltrim(str){
return str.replace(/^s+/g,'');
}
//删除字符串右侧的空白字符。
function rtrim(str){
return str.replace(/s+$/g,'');
}
//以下为测试代码,前后各有一个空格。
var trimTest = " 123456789 ";
//使用前
document.write('length:'+trimTest.length+'<br />');

//使用ltrim后
document.write('ltrim length:'+ltrim(trimTest).length+'<br />');

//使用rtrim后
document.write('rtrim length:'+rtrim(trimTest).length+'<br />');

//使用trim后
document.write('trim length:'+trim(trimTest).length+'<br />');
//1、  去掉字符串前后所有空格:
function Trim1(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}
//说明:如果使用jQuery直接使用$.trim(str)方法即可,str表示要去掉前后所有空格的字符串。

//2、 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g)
function Trim2(str,is_global) {
var result;
result = str.replace(/(^\s+)|(\s+$)/g,"");
if(is_global.toLowerCase()=="g")
{
result = result.replace(/\s/g,"");
}
return result;
}
var a = ' haha 222 heh lla gogo ';
a = a.replace(/\s+/g,'');
console.log(a);

还可以直接写在String上

String.prototype.trim=function(){
var reSpace=/^\s*(.*?)\s*$/;
return this.replace(reSpace,"$1");
};

让我们分析一下第二行的正则表达式

  • ^   行开始
  • \s* 匹配字符前面的所有空格,贪婪模式重复
  • (.*?) 捕获组,勉强模式重复匹配任意字符,也就是我们最终需要(去掉前后空格后)的字符,这个不是很好理解(我认为)
  • \s*匹配字符后面的空格

第一:我原来认为在捕获组内也应该判断第一个字符应该不能为空格即写成([^\s+])的形式,但这是完全没有必要的因为捕获组前面的\s*已经能捕获开头的所有的空格字符了,你认为的捕获组的字符开始范围与正则表达式匹配的字符范围是不一样的。

第二:其中?的作用,他的作用就是勉强模式重复前面的字符,什么意思呢?就是如果我用(.*a)去匹配aaaaaaa字符串的结果就是(aaaaaaa)源字符串这叫贪婪模式,如果用(.*?a)去匹配aaaaaaa的话他就会先匹配第一a,然后是第二个a,然后是第三个a…….这就叫勉强模式匹配有的地方也叫懒惰模式匹配。通俗一点(大家都喜欢通俗的解释,呵呵)就是前者是从后往前去匹配尽可能多的字符,而后者是从前往后匹配

第三:我们还要不要去关心捕获组中后面的空格呢?因为捕获组中的”.”也是可以匹配空格的,先前我也是考虑这个问题大部分时间都浪费在这上面了.其实这和考虑要不要排除捕获组前面的空格一样的道理,后面的\s*已经给我们处理了

下面是一种人名的兑换颠倒;

比如 li lei 替换为 lei.li

代码如下

re = /(\w+)\s(\w+)/;
str = "Li Lei";
newstr = str.replace(re, "$2, $1");
document.write(newstr)//Lei Li

下面是一些其它相关的正则写法;

去除空格

  1. String.prototype.Trim = function() {
  2. return this.replace(/\s+/g, "");
  3. }

去除换行

  1. function ClearBr(key) {
  2. key = key.replace(/<\/?.+?>/g,"");
  3. key = key.replace(/[\r\n]/g, "");
  4. return key;
  5. }

去除左侧空格

  1. function LTrim(str) {
  2. return str.replace(/^\s*/g,"");
  3. }

去除右侧空格

  1. function RTrim(str) {
  2. return str.replace(/\s*$/g,"");
  3. }

去除字符串两端的空格

  1. function trim(str) {
  2. return str.replace(/(^\s*)|(\s*$)/g, "");
  3. }

去除字符串中间的空格

  1. function CTim(str) {
  2. return str.replace(/\s/g,'');
  3. }

是否为由数字组成的字符串

//去除空格 
String.prototype.Trim = function() {
return this.replace(/\s+/g, "");
};

//去除换行
function ClearBr(key) {
key = key.replace(/<\/?.+?>/g,"");
key = key.replace(/[\r\n]/g, "");
return key;
}

//去除左侧空格
function LTrim(str) {
return str.replace(/^\s*/g,"");
}

//去右空格
function RTrim(str) {
return str.replace(/\s*$/g,"");
}

//去掉字符串两端的空格
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}

//去除字符串中间空格
function CTim(str) {
return str.replace(/\s/g,'');
}

//是否为由数字组成的字符串
function is_digitals(str) {
var reg=/^[0-9]*$/; //匹配整数
return reg.test(str);
}

~~

未经允许不得转载:WEB前端开发 » JavaScript正则表达式去除或替换空格

赞 (0)