查看地址: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. MySQL存储写入速度慢分析

    问题背景描述: 在MySQL中执行SQL语句,比如insert,贼慢,明明可能也就只是一行数据的插入,数据量很小,但是耗费的时间却很多,为什么? 一.存储结构分析 MySQL存储结构图: 解析: 1. ...

  2. PHP在linux读取word文档

    几天帮朋友解决一个技术问题,在Linux下,将word文档中的内容读取,然后使用正则匹配,拼成sql入库 查阅了外文资料和google之后,步骤如下: #wget http://www.winfiel ...

  3. Elasticsearch 学习之携程机票ElasticSearch集群运维驯服记(强烈推荐)

    转自: https://mp.weixin.qq.com/s/wmSTyIGCVhItVNPHcH7nsA 一.整体架构 为什么采用ES作为搜索引擎呢?在做任何事情的时候,不要一上来就急着了解怎么做这 ...

  4. Unity3D UGUI Shader画一个圆环

    Shader "Unlit/NewUnlitShader" { Properties { _MainTex ("Texture", 2D) = "wh ...

  5. 淘宝 NPM 镜像使用

    前言 因为众所周知的原因,使用node,官方NPM仓库安装依赖包是个看人品的事情,不过有万能的淘宝,所以需要部分调整就可以避免这些原因.(以下内容osx, centos下测试通过) 淘宝镜像基本使用 ...

  6. YAML入门

    概要 YAML(是YAML Ain't Markup Language的缩写,尾音的发音类似Camel)是一种序列化数据的语言(类似json, xml),使用轻量高可读性的语法描述list, dict ...

  7. ssh 管理 linux登录远程服务器

    使用 ssh 免秘登录方式 客户端:1. 生成公钥和私钥 ssh-keygen 一般不需要对私钥设置口令(passphrase),如果担心私钥的安全,这里可以设置一个. 运行结束以后,在$HOME/. ...

  8. 【JavaScript】--- ES6/ES7/ES8

    一.async async其实是ES7才有有的关键字,async的意思是异步,顾名思义是有关异步的操作 async用于声明一个函数是异步的. 通常情况下async.await都是跟随promise一起 ...

  9. JQuery登录代码

    $(function () { $("#login").submit(function(event) { event.preventDefault(); if ($("# ...

  10. leetcode第三题

    leetcode第三题: 题目: 给定一个字符串,找出不含有重复字符的最长子串的长度. 源码(使用java语言): class Solution { public int lengthOfLonges ...