javascript中使用正则表达式删除前后空格的方法_正则表达式

去掉首位空格

复制代码 代码如下:

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

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;
}
};

以上内容给大家分享了js正则表达式删除前后空格的方法,希望大家喜欢。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js正则表达式空格
正则表达式空格
正则表达式 删除空格、javascript 删除空格、javascript正则表达式、正则表达式 空格、正则表达式匹配空格,以便于您获取更多的相关知识。

时间: 2016-09-15

javascript中使用正则表达式删除前后空格的方法_正则表达式的相关文章

javascript中使用正则表达式删除前后空格的方法

去掉首位空格 复制代码 代码如下: str=str.replace(/^\s+|\s+$/g,''); js正则表达式删除字符串前后空格 String.prototype.trim=function(){ var reSpace=/^\s*(.*?)\s*$/; return this.replace(reSpace,"$1″); }; 让我们分析一下第二行的正则表达式 ^ 行开始 \s* 匹配字符前面的所有空格,贪婪模式重复 (.*?) 捕获组,勉强模式重复匹配任意字符,也就是我们最终需要(去

Javascript里的两种使用正则的方法_正则表达式

在Javascript里,有两种使用正则的方法,一是创建一个正则表达式的实例,而是使用String对象里的正则表达相关的方法. 正则表达式对象 两种创建方法 var my_regex=/[a-z]+/g;  var my_regex=new ("[a-z]+","g"); 方法 exec(string),对string进行正则处理,并返回匹配结果.  test(string),测试string是否含有匹配结果 字符串对象中的正则 方法 match(pattern) 

JavaScript中Array 对象相关的几个方法_基础知识

push 方法将新元素添加到一个数组中,并返回数组的新长度值. arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数arrayObj 必选项.一个 Array 对象. item, item2,. . . itemN 可选项.该 Array 的新元素. 说明push 方法将以新元素出现的顺序添加这些元素.如果参数之一为数组,那么该数组将作为单个元素添加到数组中.如果要合并两个或多个数组中的元素,请使用 concat 方法. 示例 <script ty

正则表达式查找相似单词的方法_正则表达式

本文通过展示各种不同的正则表达式结构,以及在实际应用中会用到的技巧,熟悉掌握正则表达式的应用. 问题描述: 在这个实例中你要解决如下几个问题. 1.想要在一个字符串中找到所有的color和colour. 2.想要找到这3个以"at"结尾的单词中的任意一个:bat.cat或rat. 3.想要找到以phobia结尾的单词. 4.想要找的名字"Steven"的常见变形:Steve.Steven和Stephen. 5.想要匹配术语"regular expressi

详解JavaScript中|单竖杠运算符的使用方法_基础知识

js运算符单竖杠"|"的作用 在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注: 1. Math.ceil()用作向上取整. 2. Math.floor()用作向下取整. 3. Math.round() 我们数学中常用到的四舍五入取整. console.log(0.6|0)//0 console.log(1.1|0)//1 console.log(3.65555|0)//3 console.

JavaScript中使用Math.PI圆周率属性的方法_基础知识

 这将返回一个圆到其直径的圆周的比率,大约3.14159.语法 Math.PI 例子: <html> <head> <title>JavaScript Math PI Property</title> </head> <body> <script type="text/javascript"> var property_value = Math.PI document.write("Prope

JavaScript中用于生成随机数的Math.random()方法_基础知识

 此方法返回0(含)和1(不包括)之间的随机数语法 Math.random() ; 下面是参数的详细信息:     NA 返回值: 返回0(含)和1(不包括)之间的随机数 例子: <html> <head> <title>JavaScript Math random() Method</title> </head> <body> <script type="text/javascript"> var v

简介JavaScript中用于处理正切的Math.tan()方法_基础知识

 这个方法返回一个数字的正切值.tan 方法返回表示的角度的正切值.语法 Math.tan( x ) ; 下面是参数的详细信息:     x: 一个数字,表示以角度表示弧度 返回值: 返回一个数字的正切值 例子: <html> <head> <title>JavaScript Math tan() Method</title> </head> <body> <script type="text/javascript&q

javascript中slice(),splice(),split(),substring(),substr()使用方法

 这篇文章主要介绍了javascript中slice(),splice(),split(),substring(),substr()使用方法,需要的朋友可以参考下     1.slice(): Array和String对象都有 在Array中 slice(i,[j]) i为开始截取的索引值,负数代表从末尾算起的索引值,-1为倒数第一个元素 j为结束的索引值,缺省时则获取从i到末尾的所有元素 参数返回: 返回索引值从i到j的数组,原数组不改变 在String中 slice(i,[j]) 参数说明: