`
jsczxy2
  • 浏览: 1277588 次
  • 性别: Icon_minigender_1
  • 来自: 常州
文章分类
社区版块
存档分类
最新评论

js正则表达式/replace替换变量方法

阅读更多

  JavaScript正则实战(会根据最近写的不断更新)

1、javascript 正则对象替换创建 和用法: /pattern/flags  先简单案例学习认识下replace能干什么

    正则表达式构造函数: new RegExp("pattern"[,"flags"]); 

    正则表达式替换变量函数:stringObj.replace(RegExp,replace Text);

参数说明: 
pattern -- 一个正则表达式文本 
flags -- 如果存在,将是以下值: 
g: 全局匹配 
i: 忽略大小写 
gi: 以上组合 

m:匹配换行

//下面的例子用来获取url的两个参数,并返回urlRewrite之前的真实Url
var
 reg=new RegExp("(http://www.qidian.com/BookReader/)(\\d+),(\\d+).aspx","gmi");
var url="http://www.qidian.com/BookReader/1017141,20361055.aspx";

//方式一,最简单常用的方式
var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
alert(rep);

//方式二 ,采用固定参数的回调函数
var rep2=url.replace(reg,function(m,p1,p2,p3){return p1+"ShowBook.aspx?bookId="+p3+"&chapterId="+p3});
alert(rep2);

//方式三,采用非固定参数的回调函数
var rep3=url.replace(reg,function(){var args=arguments; return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];});
alert(rep3);

//方法四
//方式四和方法三很类似, 除了返回替换后的字符串外,还可以单独获取参数
var bookId;
var chapterId;
function capText()
{
    var args=arguments; 
    bookId=args[2];
    chapterId=args[3];
    return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];
}

var rep4=url.replace(reg,capText);
alert(rep4);
alert(bookId);
alert(chapterId);

//使用test方法获取分组
var reg3=new RegExp("(http://www.qidian.com/BookReader/)(\\d+),(\\d+).aspx","gmi");
reg3.test("http://www.qidian.com/BookReader/1017141,20361055.aspx");
//获取三个分组
alert(RegExp.$1); 
alert(RegExp.$2);
alert(RegExp.$3);

 

2、 学习最常用的 test exec match search  replace  split 6个方法

1) test  检查指定的字符串是否存在
var data = “123123″;
var reCat = /123/gi;
alert(reCat.test(data));  //true
//检查字符是否存在  g 继续往下走  i 不区分大小写

2) exec 返回查询值
var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
var reCat = /cat/i;
alert(reCat.exec(data));  //Cat

3)match  得到查询数组
var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
var reCat = /cat/gi;
var arrMactches = data.match(reCat)
for (var i=0;i < arrMactches.length ; i++)
{
alert(arrMactches[i]);   //Cat  cat
}

4) search  返回搜索位置  类似于indexof
var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
var reCat = /cat/gi;
alert(data.search(reCat));  //23

5) replace  替换字符  利用正则替换
var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
var reCat = /cat/gi;
alert(data.replace(reCat,”libinqq”));

6)split   利用正则分割数组
var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
var reCat = /\,/;
var arrdata = data.split(reCat);
for (var i = 0; i < arrdata.length; i++)
{
alert(arrdata[i]);
}

3、常用表达式收集:

 

"^\\d+$"  //非负整数(正整数 + 0)
"^[0-9]*[1-9][0-9]*$"  //正整数
"^((-\\d+)|(0+))$"  //非正整数(负整数 + 0)
"^-[0-9]*[1-9][0-9]*$"  //负整数
"^-?\\d+$"    //整数
"^\\d+(\\.\\d+)?$"  //非负浮点数(正浮点数 + 0)
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
//正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮点数(负浮点数 + 0)
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
//负浮点数
"^(-?\\d+)(\\.\\d+)?$"  //浮点数
"^[A-Za-z]+$"  //由26个英文字母组成的字符串
"^[A-Z]+$"  //由26个英文字母的大写组成的字符串
"^[a-z]+$"  //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符串
"^\\w+$"  //由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url
"^[A-Za-z0-9_]*$"。

============================================正则表达式基础知识==============================================

^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" 
$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" 
* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa 
+ 匹配前面元字符1次或多次,/ba+/将匹配ba,baa,baaa 
? 匹配前面元字符0次或1次,/ba?/将匹配b,ba 
(x) 匹配x保存x在名为$1...$9的变量中 
x|y 匹配x或y 
{n} 精确匹配n次 
{n,} 匹配n次以上 
{n,m} 匹配n-m次 
[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符) 
[^xyz] 不匹配这个集合中的任何一个字符 
[\b] 匹配一个退格符 
\b 匹配一个单词的边界 
\B 匹配一个单词的非边界 
\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M 
\d 匹配一个字数字符,/\d/ = /[0-9]/ 
\D 匹配一个非字数字符,/\D/ = /[^0-9]/ 
\n 匹配一个换行符 
\r 匹配一个回车符 
\s 匹配一个空白字符,包括\n,\r,\f,\t,\v等 
\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/ 
\t 匹配一个制表符 
\v 匹配一个重直制表符 
\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9] 
\W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。 

PS:引号表达式reg时实用\\转义 而/reg/时候使用\转义

分享到:
评论

相关推荐

    js正则表达式replace替换变量方法

    正则表达式替换变量函数:stringObj.replace(RegExp,replace Text); 参数说明: pattern — 一个正则表达式文本 flags — 如果存在,将是以下值: g: 全局匹配 i: 忽略大小写 gi: 以上组合 //下面的例子用来...

    javascript用正则表达式把1234567890替换为abcdefghij

    替换括号,尖括号等JS使用正则表达式过滤多个词语并替换为相同长度星号的方法JS使用正则表达式实现关键字替换加粗功能示例js正则表达式replace替换变量方法javascript正则表达式使用replace()替换手机号的方法JS使用

    经典JavaScript正则表达式实战

    JavaScript正则表达式是编程语言JavaScript中用于处理字符串的强大工具,它可以用来进行各种复杂的文本匹配、替换和提取操作。在实战中,以下是一些常见的正则表达式应用场景及其详细解释: 1. **匹配结尾的数字**...

    JavaScript正则表达式替换字符串中图片地址(img src)的方法

    本篇文章将深入探讨如何使用JavaScript正则表达式来实现这个功能。 首先,我们需要理解JavaScript的`String.prototype.replace()`方法。此方法接受两个参数:一个正则表达式或字符串作为查找的模式,以及一个替换...

    JavaScript手册及正则表达式详解[收藏]

    7. 替换:`String.prototype.replace()`方法,可以使用正则表达式进行替换。 8. 全局搜索:使用`g`标志可以进行全局匹配,`i`标志忽略大小写,`m`标志使`^`和`$`匹配多行。 四、JavaScript手册 一份详尽的...

    Javascript正则表达式测试网页.docx

    JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本匹配和查找替换操作。这个测试网页专注于JavaScript中的正则表达式测试,提供了多种方法来验证和调试正则表达式的行为。 1. **正则表达式基础** ...

    正则表达式 Regular Expression 正则表达式资料大全压缩包

    1. **JavaScript**:通过全局变量`RegExp`和字符串对象的`match()`, `search()`, `replace()`, `split()`方法使用正则表达式。 2. **Python**:内置`re`模块提供丰富的正则操作函数,如`re.match()`, `re.search()`,...

    javascript+css+正则表达式

    掌握正则表达式可以帮助开发者高效地处理字符串,例如在JavaScript中,可以结合`test()`、`match()`、`replace()`等方法进行复杂的文本操作。 这三部分知识的结合,对于想要从事前端开发或者提升Web技能的人员来说...

    JS应用正则表达式转换大小写示例

    js中应用正则表达式转换大小写,代码很简单,看代码: 以下首字母大写,其它字母小写 [removed] function replaceReg(reg,str){ str = str.toLowerCase(); return str.replace(reg,function(m){return m....

    CSS加JS常用正则表达式

    2. **CSS变量**:配合JavaScript,可以在CSS中设置变量,这些变量可以通过正则表达式处理后传递给CSS,实现动态样式。 二、JavaScript中的正则表达式 JavaScript提供了强大的正则表达式支持,可以进行各种复杂的...

    JS 正则表达式 大全

    JavaScript的`RegExp`对象提供了多个方法来操作正则表达式,如`test()`用于测试字符串是否符合正则表达式,`exec()`用于在字符串中查找匹配项并返回结果,以及`match()`、`search()`、`replace()`、`split()`等字符...

    javascript正则表达式详解

    **JavaScript正则表达式详解** 正则表达式(Regular Expression)是编程中用于处理文本的强大工具,尤其在JavaScript中,它的应用广泛且深入。本文将详细介绍JavaScript中的正则表达式,以及如何通过Jakarta-ORO ...

    最新CSS + DIV+正则表达式

    5. **正则函数**:在JavaScript中,如match()、search()、replace()和split()等方法,都支持正则表达式参数,用于处理字符串。 了解并熟练运用CSS、DIV和正则表达式,能极大提升前端开发效率和代码质量,使开发者...

    正则表达式大全

    本篇文章将详细解析JavaScript正则表达式中的特殊字符及其用法。 1. 转义字符 `\` 在正则表达式中,`\`是一个转义字符,用于让后面的字符失去其特殊含义,变为普通字符。例如,`\b`匹配单词边界,而`\B`则匹配非...

    javascript 正则表达式去空行方法

    在JavaScript中,String对象是一个基础的数据类型,它提供了大量的方法用于处理字符串,而replace()方法则是用于替换字符串中匹配正则表达式的部分。 针对空行的去除,可以编写一个正则表达式来匹配连续的空白字符...

    正则表达式

    JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp...

    JS使用正则表达式实现关键字替换加粗功能示例

    7. JavaScript正则表达式的进阶知识点:文中提及了相关的JavaScript专题,包括正则表达式技巧大全、替换操作技巧、查找算法技巧、数据结构与算法技巧、遍历算法与技巧、json操作技巧、错误与调试技巧以及数学运算...

    JavaScript--正则表达式

    ### JavaScript中的正则表达式详解 #### 一、正则表达式概述 正则表达式是一种强大的文本处理工具,能够帮助开发者实现字符串的查找、替换等功能。在JavaScript中,正则表达式通过`RegExp`对象来实现。此对象提供了...

    JS使用正则表达式过滤多个词语并替换为相同长度星号的方法

    正则表达式是处理字符串的...最后,文中推荐了关于JavaScript正则表达式的多个专题学习资源,包括正则表达式技巧大全、替换操作技巧总结等,这些内容可以帮助JavaScript开发者深入学习和掌握正则表达式相关的编程技巧。

Global site tag (gtag.js) - Google Analytics