脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 正则表达式 → 删除字符串中的前后空格

javascript中使用正则表达式实现删除字符串中的前后空格

 更新时间：2012年09月05日 19:53:39   作者：  
在前台应用进我们经常会碰到要删除用户输入的字符中的空格的问题，下面我们来介绍一下javascript中使用正则表达式实现删除字符串中的空格方法
实例
复制代码 代码如下:

<script>
var str=" yexj00 ";
str=str.replace(/^s*|s*$/g,'');
alert(str);
</script>

实例
模仿RTrim:
复制代码 代码如下:

<script>
var str="yexj00 ";
str=str.replace(/s*$/g,'');
alert(str);
</script>

实例

代码以及测试代码如下：
复制代码 代码如下:

<script type="text/javascript">
//删除字符串两侧的空白字符。
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 />');
//使用前
document.write('ltrim length:'+ltrim(trimTest).length+'<br />');
//使用ltrim后
document.write('rtrim length:'+rtrim(trimTest).length+'<br />');
//使用rtrim后
document.write('trim length:'+trim(trimTest).length+'<br />');
//使用trim后
</script>

测试的结果如下：
复制代码 代码如下:

length:11
ltrim length:10
rtrim length:10
trim length:9

用js正则表达式删除字符串前后空格
复制代码 代码如下:

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

让我们分析一下第二行的正则表达式
^ 行开始
\s*
匹配字符前面的所有空格,贪婪模式重复
(.*?)
捕获组,勉强模式重复匹配任意字符,也就是我们最终需要(去掉前后空格后)的字符,这个不是很好理解(我认为)
第一：我原来认为在捕获组内也应该判断第一个字符应该不能为空格即写成([^\s+])的形式,但这是完全没有必要的因为捕获组前面的\s*已经能捕获开头的所有的空格字符了,你认为的捕获组的字符开始范围与正则表达式匹配的字符范围是不一样的,汗~有点说不清楚了,呵呵
第二：其中?的作用,他的作用就是勉强模式重复前面的字符,什么意思呢?就是如果我用(.*a)去匹配aaaaaaa字符串的结果就是(aaaaaaa)源字符串这叫贪婪模式,如果用(.*?a)去匹配aaaaaaa的话他就会先匹配第一a,然后是第二个a,然后是第三个a…….这就叫勉强模式匹配有的地方也叫懒惰模式匹配。通俗一点(大家都喜欢通俗的解释,呵呵)就是前者是从后往前去匹配尽可能多的字符,而后者是从前往后匹配
第三：我们还要不要去关心捕获组中后面的空格呢?因为捕获组中的”.”也是可以匹配空格的,先前我也是考虑这个问题大部分时间都浪费在这上面了.其实这和考虑要不要排除捕获组前面的空格一样的道理,后面的\s*已经给我们处理了
\s*匹配字符后面的空格
———————————————————分割线——————————————————–
自定义三个trim()函数来过滤字符串左右两边的空格。
复制代码 代码如下:

//js去除空格函数
//此处为string类添加三个成员
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}
//此处为独立函数
function LTrim(str)
{
var i;
for(i=0;i<str.length;i++)
{
if(str.charAt(i)!=” “&&str.charAt(i)!=” “)break;
}
str=str.substring(i,str.length);
return str;
}
function RTrim(str)
{
var i;
for(i=str.length-1;i>=0;i–)
{
if(str.charAt(i)!=” “&&str.charAt(i)!=” “)break;
}
str=str.substring(0,i+1);
return str;
}
function Trim(str)
{
return LTrim(RTrim(str));
}

———————————————————分割线——————————————————–
复制代码 代码如下:

<script type=”text/javascript”>
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,”");
}
</script>
function checkSubmit(){
if(confirm(“是否确认保存数据?”)){
var ab = document.getElementById(“name”).value;
var dj = document.getElementById(“dj”).value;
var xy = ab.replace(/(^\s*)|(\s*$)/g, “”);
if(xy!=”"&&dj!=”"){
document.dwbzjlspb.action = “”;
document.dwbzjlspb.submit();
return true;
}else{
alert(“单位名称或拟申报等级不能为空！”);
}
}else{
return false;
}
};
您可能感兴趣的文章:

相关文章

  • 正值表达式匹配html标签的属性值

    正值表达式匹配html标签的属性值

    正则表达式是做文本解析工作必不可少的技能。今天通过本文给大家介绍正值表达式匹配html标签的属性值，需要的朋友一起学习吧
    2016-02-02
  • 可以少写1000行代码的正则表达式

    可以少写1000行代码的正则表达式

    正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。知道这20个正则表达式，能让你少写1000行代码，想知道吗
    2016-04-04
  • asp+正则获得字符串中最后一个字母非字母不算

    asp+正则获得字符串中最后一个字母非字母不算

    非常不错的用正则表达式实现的，获取字符串中最后一个字母的代码，这个正则可以应用在所有的支持正则的语言中
    2008-06-06
  • 运用正则表达式匹配所有表名

    运用正则表达式匹配所有表名

    这篇文章主要介绍了运用正则表达式匹配所有表名 的相关资料，非常不错，具有参考借鉴价值，需要的朋友一起看看吧
    2016-05-05
  • 得到连接和图片的地址 正则

    得到连接和图片的地址 正则

    得到连接和图片的地址 正则...
    2006-08-08
  • 一文搞懂正则表达式基础语法以及如何应用

    一文搞懂正则表达式基础语法以及如何应用

    正则表达式是一种描述字符串结构的语法规则,是用于匹配字符串中字符组合的模式,同时正则表达式也是对象,下面这篇文章主要给大家介绍了关于如何通过一文搞懂正则表达式基础语法以及如何应用的相关资料,需要的朋友可以参考下
    2022-09-09
  • 取字和字符的长度

    取字和字符的长度

    取字和字符的长度...
    2006-07-07
  • 正则表达式教程之模式修正符使用介绍

    正则表达式教程之模式修正符使用介绍

    式修正符就是几个字母，我们在每个正则表达式中可以一次使用一个，也可以连续使用多个，每一个具一定的意义
    2012-10-10
  • Python爬虫正则表达式常用符号和方法

    Python爬虫正则表达式常用符号和方法

    python语言虽然诞生很久，但是也是最近几年才火起来的。在python语言中，我们经常会用到python爬虫的正则表达式，下面小编通过本篇文章给大家介绍python爬虫正则表达式常用的符号和方法，以及具体用法，感兴趣的童鞋快来看看吧
    2015-10-10
  • 正则匹配原理之 逆序环视深入 .

    正则匹配原理之 逆序环视深入 .

    这个问题本身不是本文讨论的重点，本文所要讨论的，主要是由这一问题的解决方案而引出的另一个正则匹配原理问题
    2012-10-10

最新评论