查看地址: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. Mybatis常见面试题(转)

    Mybatis技术内幕系列博客,从原理和源码角度,介绍了其内部实现细节,无论是写的好与不好,我确实是用心写了,由于并不是介绍如何使用Mybatis的文章,所以,一些参数使用细节略掉了,我们的目标是介绍 ...

  2. PHP-CLI环境变量的设置和读取

    http://luokr.com/p/30 通常我们在维护PHP线上项目的时候,为了隔离配置和代码,会使用fastcgi_param的形式将环境变量定义在Nginx的配置文件中(Apache可以使用S ...

  3. 【laravel5.6】The Process class relies on proc_open, which is not available on your PHP installation.

    部署服务器的时候,使用composer来安装依赖.遇到了 解决办法: 在php.ini中,找到disable_functions选项,看看后面是否有proc_open函数被禁用了,如果有的话,去掉即可

  4. maven安装与创建多模块项目

    最新版已同步至 http://yywang.info/2014/05/31/maven-install-and-create-project/ maven是一个比较流行的项目管理工具,在最近参与的项目 ...

  5. git提交出现这个界面怎么退出

    默认git使用nano进行编辑提交的页面,退出方法为: Ctrl + X然后输入y再然后回车,就可以退出了 如果你想把默认编辑器换成别的: 在GIT配置中设置 core.editor: git con ...

  6. .NET Core错误:The specified framework 'Microsoft.NETCore.App', version '1.0.0-rc2-3002702' was not found.

    本地Dos命令行中,cd到你的项目目录下,生成, dotnet {U_Project_Name}.dll 发布 dotnet publish ,然后将发布的文件夹中的文件全部拷贝到服务器中,至此,问题 ...

  7. 一窥Spring Cloud Eureka

    在Spring Cloud中Eureka负责服务发现功能.服务发现需要解决如何找到服务提供者在网络中位置的问题. 服务端 在Spring Tool Suite的文件菜单中,点击新建Spring Sta ...

  8. MySQL的JDBC驱动源码解析

    原文:   MySQL的JDBC驱动源码解析 大家都知道JDBC是Java访问数据库的一套规范,具体访问数据库的细节有各个数据库厂商自己实现 Java数据库连接(JDBC)由一组用 Java 编程语言 ...

  9. [archlinux] 迁移T7从T460s到T470

    这已经不是第一次做OS的迁移了,T7早已经迁移过多台设备了.所以,其实只需要如下三步: 1.  rsync 我一直有全系统备份的习惯,T7一直会不定期的全系统rsync到Tstation上面去.所以我 ...

  10. [knowledge] big data things

    http://hadoop.apache.org/ https://spark.apache.org/ https://nifi.apache.org/ https://www.cloudera.co ...