查看地址:http://www.runoob.com/js/js-regexp.html

一、正则表达式概述

  正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

  搜索模式可用于文本搜索和文本替换。

二、正则表达式语法

/正则表达式主体/修饰符(可选)

示例:var patt = /runoob/i

三、正则表达式修饰符

修饰符   描述
i intensity 执行对大小写不敏感的匹配。
g global 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m multiple 执行多行匹配。检测字符串中的换行符,主要是影响字符串开始标识符^和结束标识符$的使用

四、正则表达式模式

^ //指出一个字符串的开始
$ //指出一个字符串的结束
[] //用于查找某个范围内的字符
| //或 模式

特殊字符:

  使用转义字符\即可。如var reg=/\//;匹配一个正斜杠

  正则中有特别含义的字符匹配,都需要\来转义,如:\ . * ^ & [ ] { } ? 等

  注意:如果在[]字符集合里,很多字符都不需要转义

4.1、量词

量词 理解 描述
n+

>=1

匹配一个或多个n 的字符串。

例如,/a+/ 匹配 "candy" 中的 "a","caaaaaaandy" 中所有的 "a"。

n*

>=0

匹配零个或多个 n 的字符串。

例如,/bo*/ 匹配 "A ghost booooed" 中的 "boooo","A bird warbled" 中的 "b",但是不匹配 "A goat grunted"。

n?

=0或=1

匹配零个或一个 n 的字符串。

例如,/e?le?/ 匹配 "angel" 中的 "el","angle" 中的 "le"。

n{X}

按照闭区间集合

=X

匹配包含 X 个 n 的序列的字符串。

例如,/a{2}/ 不匹配 "candy," 中的 "a",但是匹配 "caandy," 中的两个 "a",且匹配 "caaandy." 中的前两个 "a"。

n{X,}

按照闭区间集合

>=X

X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。

例如,/a{2,}/ 不匹配 "candy" 中的 "a",但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。

n{X,Y}  >=X,<=Y

X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次,至多 Y 次时匹配。

例如,/a{1,3}/ 不匹配 "cndy",匹配 "candy," 中的 "a","caandy," 中的两个 "a",匹配 "caaaaaaandy" 中的前面三个 "a"。注意,当匹配 "caaaaaaandy" 时,即使原始字符串拥有更多的 "a",匹配项也是 "aaa"。

n$  以n结尾 匹配任何结尾为 n 的字符串。
^n  以n开头 匹配任何开头为 n 的字符串。
?=n   匹配任何其后紧接指定字符串 n 的字符串。
?!n   匹配任何其后没有紧接指定字符串 n 的字符串。

4.2、元字符

  (Metacharacter)是拥有特殊含义的字符:

元字符 等同于 描述
.   查找单个字符,除了换行和行结束符。
\w [a-zA-Z0-9] 查找单词字符。
\W [^a-zA-Z0-9] 查找非单词字符。
\d [0-9] 查找数字。
\D [^0-9] 查找非数字字符。
\s \n\r\t\f\x0B 查找空白字符。
\S ^\n\r\t\f\x0B 查找非空白字符。
     
\b   匹配单词边界。
\B   匹配非单词边界。
\0   查找 NULL 字符。
\n   查找换行符。
\f   查找换页符。
\r   查找回车符。
\t   查找制表符。
\v   查找垂直制表符。
\xxx   查找以八进制数 xxx 规定的字符。
\xdd   查找以十六进制数 dd 规定的字符。
\uxxxx   查找以十六进制数 xxxx 规定的 Unicode 字符。

4.3、括号的一些用法

表达式 理解 描述
[abc] =a,=b,=c 查找方括号之间的任何字符。
[^abc]   查找任何不在方括号之间的字符。
[0-9] 从 0 至 9 的数字 查找任何从 0 至 9 的数字。
[a-z]   查找任何从小写 a 到小写 z 的字符。
[A-Z]   查找任何从大写 A 到大写 Z 的字符。
[A-z]   查找任何从大写 A 到小写 z 的字符。
[adgk]   查找给定集合内的任何字符。
[^adgk]   查找给定集合外的任何字符。
(red|blue|green)

=red,=blue,green

包含其中的一个单词

查找任何指定的选项。

五、正则表达式使用

5.1、使用-RegExp对象

5.1.1、语法

var patt=new RegExp(pattern,modifiers);

或者更简单的方式:

var patt=/pattern/modifiers;
  • pattern(模式) 描述了表达式的模式
  • modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

注意:当使用构造函数创造正则对象时,需要常规的字符转义规则(在前面加反斜杠 \)。比如,以下是等价的:

var re = new RegExp("\\w+");
var re = /\w+/;

RegExp属性

属性 描述
constructor 返回一个函数,该函数是一个创建 RegExp 对象的原型。
global 判断是否设置了 "g" 修饰符
ignoreCase 判断是否设置了 "i" 修饰符
lastIndex 用于规定下次匹配的起始位置
multiline 判断是否设置了 "m" 修饰符
source 返回正则表达式的匹配模式

5.1.2、方法使用

方法 描述
compile 在 1.5 版本中已废弃。 编译正则表达式。
exec 检索字符串中指定的值。返回找到的值,并确定其位置。
test 检索字符串中指定的值。返回 true 或 false。
toString 返回正则表达式的字符串。

1、exec() 方法用于检索字符串中的正则表达式的匹配。

如果字符串中有匹配的值返回该匹配值,否则返回 null。

  var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.exec(str);
console.log("返回值: " + result); //Hello
//查找 "RUNOOB"
patt=/RUNOOB/g;
result=patt.exec(str);
console.log("<br>返回值: " + result);//null

2、test() 方法用于检测一个字符串是否匹配某个模式.

如果字符串中有匹配的值返回 true ,否则返回 false。

  var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.test(str);
console.log("返回值: " + result); //true
//查找 "Runoob"
patt=/Runoob/g;
result=patt.test(str);
console.log("<br>返回值: " + result);//false

5.2、使用字符串方法

方法 描述
search 检索与正则表达式相匹配的值。
match 找到一个或多个正则表达式的匹配。
replace 替换与正则表达式匹配的子串。
split 把字符串分割为字符串数组。

search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。

replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

5.2.1、search 搜索返回索引

  search内支持使用正则表达式和字符串

1、search内使用正则表达式

  var str = "Visit Runoob!";
var n = str.search(/Runoob/i);//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
console.log(n)// 输出 6

2、search内使用字符串

  var str = "Visit Runoob!";
var n = str.search('Runoob');//可使用字符串作为参数。字符串参数会转换为正则表达式,区分大小写
console.log(n)// 输出 6 如果上述改成小写,输出-1 没找到

5.2.2、replace 替换

1、replace内使用正则

  var str = 'microsoft is microsoft';
var txt = str.replace(/microsoft/i,"Runoob");//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob
console.log(txt)// 输出 Runoob is microsoft ,只替换了第一个,若果需要全部 增加修饰符 g

2、replace内使用字符串

  var str = 'microsoft is microsoft';
var txt = str.replace("microsoft","Runoob");
console.log(txt)// 输出 Runoob is microsoft ,只替换了第一个,区分大小写

5.2.3、match 找到返回数组

符串内检索指定的值,或找到一个或多个正则表达式的匹配。

  var str="The rain in SPAIN stays mainly in the plain";
var n=str.match(/ain/g);
console.log(n)//["ain", "ain", "ain"]

返回值:存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。 如果没找到匹配结果返回 null 。

反倒是

008-js中的正则表达式的更多相关文章

  1. JavaScript -- 时光流逝(六):js中的正则表达式 -- RegExp 对象

    JavaScript -- 知识点回顾篇(六):js中的正则表达式 -- RegExp 对象 1. js正则表达式匹配字符之含义      查找以八进制数 规定的字符.     查找以十六进制数 规定 ...

  2. JS中应用正则表达式转换大小写

    JS中应用正则表达式转换大小写,代码很简单,看代码: 以下首字母大写,其它字母小写 <script type="text/javascript"> function r ...

  3. 如何在JS中应用正则表达式

    背景:在之前的随笔中写过C#中如何使用正则表达式,这篇随笔主要讲如何在js中应用正则表达式 如下代码: $("#zhengze").click(function () { var ...

  4. JS中给正则表达式加变量

    前不久同事询问我js里面怎么给正则中添加变量的问题,遂写篇博客记录下.   一.字面量 其实当我们定义一个字符串,一个数组,一个对象等等的时候,我们习惯用字面量来定义,例如: var s = &quo ...

  5. js中的正则表达式的运用

    正则表达式是一个拆分字符串并查询相关信息的过程:是现代开发中很重要的一环.作为一个web开发人员必须牢牢掌握这项技能,才能尽情得在js中驰骋. 1.创建正则表达式: 正则表达式(regular exp ...

  6. 【js 正则表达式】记录所有在js中使用正则表达式的情况

    说实话,对正则表达式有些许的畏惧感,之前的每次只要碰到需要正则表达式去匹配的情况,都会刻意的躲过或者直接从度娘处获取. 此时此刻,感觉到了某一个特定的点去触及她.但笔者对于正则表达式使用上的理解是这样 ...

  7. js中的正则表达式

    一.正则中的汉字 常见的:/[^\x00-\x7F]+?/ /^[\u2E80-\u9FFF]+$/ 过滤汉字即是:string.replace(/^[\u2E80-\u9FFF]+$/g, &quo ...

  8. js中的正则表达式入门

    什么是正则表达式呢? 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串.将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等 ...

  9. 第十八节 JS中的正则表达式

    复习字符串操作: search 查找 substring 获取子字符串 charAt 获取某个字符 split 分割字符串,获取数组 var str = 'abcdefghijk'; alert(st ...

  10. 浅谈js中的正则表达式

    很多时候多会被正则表达式搞的晕头转向,最近抽出时间对正则表达式进行了系统的学习,整理如下: 正则表达式的创建 两种方法,一种是直接写,由包含在斜杠之间的模式组成:另一种是调用RegExp对象的构造函数 ...

随机推荐

  1. scala中隐式转换之隐式类

    /** * Created by root * Description :隐式类: * 1.其所带的构造参数有且只能有一个:并且构造器的参数是转换之前的对象 * 2.隐式类必须被定义在类,伴生对象和包 ...

  2. [cmd] rsync - 远程同步工具

    简介 rsync 即 remote sync,一个远程与本地文件同步工具.rsync 使用的算法能够最小化所需复制的数据,因为它只移动那些修改了的文件. rsync 是一个非常灵活的同步工具,它也是一 ...

  3. Android Studio开发第二篇创建新项目

    创建新项目很简单,File-New-New Project,这个没什么好说的跟Eclipse都差不都. 第二步SDK选择,有手机平板还有Wear,TV,汽车Auto,谷歌眼镜等几个种平台,这里就先选择 ...

  4. mui+回复弹出软键盘

    最近再做一个APP的时候,有一个评论回复的功能,在做APP的时候,直接用手指触发focus事件,来唤醒软键盘的弹出没有问题, 但是现在的功能需要对点击回复进行弹出软键盘来操作,参考过很多都有问题,后来 ...

  5. twisted 源码分析一:reactor 单例

    一个twisted进程只会有一个reactor反应器,下面我们来看看twisted是怎样实现这个单例反应器的, 路径:twisted\internet\reactor.py 主要代码如下: impor ...

  6. 三剑客之grep

    简介 grep (global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具,它 ...

  7. Centos7下使用mail发送邮件配置

    参考文档:https://blog.csdn.net/lyf844692713/article/details/81479066 安装环境查看 查看服务是否安装 rpm -qa|grep mail 如 ...

  8. 温故KMP算法

    最近由于某些原因,又回顾了一次KMP算法.上一次回顾KMP算法还是在刷题的时候遇到的: http://blog.csdn.net/dacc123/article/details/50994611 在我 ...

  9. 理解 vm.$nextTick

    有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解. 其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理 ...

  10. 手把手教你用Spring Cloud和Docker构建微服务

    什么是Spring Cloud? Spring Cloud 是Pivotal提供的用于简化分布式系统构建的工具集.Spring Cloud引入了云平台连接器(Cloud Connector)和服务连接 ...