慕课笔记-JavaScript正则表达式

时间:2023-01-12 00:31:56

慕课笔记-JavaScript正则表达式笔记

概述

RegExp对象

两种方法构造RegExp对象

  • 字面量 var reg = /\bis\b /g
  • 构造函数 var reg = new RegExp('\\bis\\b', 'g')

:在Linux中反斜线本身就是特殊字符,所以需要再次转义,故写成\\bis\\b的格式

修饰符

  • g: global 全文搜索,不添加的话搜索到第一个匹配停止,添加的话匹配全局
  • i: ignore case 忽略大小写,默认大小写敏感
  • m: multipl lines 多行搜索

示例

'He is a boy. Is he?'.replace(/\bis\b/g, '0')  // expected: "He 0 a boy. Is he?"
'He is a boy. Is he?'.replace(/\bis\b/i, '0') // expected: "He 0 a boy. 0 he?"

元字符

  • 正则表达式有两种基本字符串类型组成
    • 原义文本字符
    • 元字符
  • 元字符是有特殊含义的非字母字符
  • * + ? $ ^ . | \ ( ) { } [ }

元字符

字符 含义
\t 水平制表符
\v 垂直制表符
\n 换行符
\r 回车符
\0 空字符
\f 换页符
\cX 与X对应的控制字符(Ctrl+X)

字符类

  • 一般情况下正则表达式一个字符对应字符串的一个字符

  • 字符类

    • 我们可以使用元字符[]构建一个简单的类
    • 所谓类是指符合某些特性的对象,一个泛指,而不是指某个字符
    • 表达式[abc]把字符串a或b或c归为一类,表达式可以匹配这类的字符
  • 字符类取反

    • 使用元字符^创建反向类/负向类
    • 反向类的意思是不属于某类的内容
    • 表达式[^abc]表示不是字符a或b或c的内容
  • 示例

'a1b2c3d4'.replace(/[abc]/g, 'X'); //output: X1X2X3d4
'a1b2c3d4'.replace(/[^abc]/g, 'X'); //output: aXbXcXXX

范围类

  • 正则表达式提供了范围类
  • 可以使用[a-z]表示从a到z的任意字符
  • 这是个闭区间,包括a和z本身
  • []中是可以连写的,例如[a-zA-Z]表示从a到z大小写匹配

示例:

'a1b2c3d4'.replace(/[a-z]/g, 'Q'); //output: Q1Q2Q3Q4
'2016-09-12'.replace(/[0-9-]/g, 'A'); //output: AAAAAAAAAA

预定义类

预定义字符

字符 等价类 含义
. [^\r\n] 除了回车符和换行符之外的所有字符
\d [0-9] 数字字符
\D [^0-9] 非数字字符
\s [\t\n\x0B\f\r] 空白字符
\S [^\t\n\x0B\f\r] 非空白字符
\w [a-zA-Z_0-9] 查询字符串(字母,数字下划线)
\W [^a-zA-Z_0-9] 非单词字符

边界

字符 含义
^ 以xxx开头
$ 以xxx结束
\b 单词边界
\B 非单词边界

示例

// for \b \B
'This is a boy'.replace(/is/g, '0'); //output: Th0 0 a boy
'This is a boy'.replace(/\bis/g, '0'); //output: This 0 a boy
'This is a boy'.replace(/\Bis/g, '0'); //output: Th0 is a boy
// for ^
'@123@abc@'.replace(/@./g, 'Q'); //output: Q23Qbc@
'@123@abc@'.replace(/^@./g, 'Q'); //output: Q23@abc@
'@123@abc@'.replace(/.@/g, 'Q'); //output: @23QabcQ
'@123@abc@'.replace(/.@$/g, 'Q'); //output: @123@abQ
// for multip line
mulstr="@123\n@456\n@789";
mulstr.replace(/^@\d/g, 'X'); //output:"X23\n@456\n@789"
mulstr.replace(/^@\d/gm, 'X'); //output:"X23\nX456\nX789"

量词

  • 适用场景:希望匹配连续出现多次的内容的字符串
字符 含义
? 出现零次或一次(最多出现一次)
+ 出现一次或多次(至少出现一次)
* 出现零次或多次(任意次)
{n} 出现n次
{n,m} 出现n到m次
{n,} 至少出现n次
\d{20} //匹配连续出现20次的数字
\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}

贪婪模式

  • 正则表达式会尽可能多的匹配,直到匹配失败
  • 非贪婪模式即让正则表达式尽可能少的匹配,即一旦匹配成功就不再匹配了。做法很简单,在量词后面加上 ? 即可。

分组

  • 问题:匹配字符串byron连续出现3次的场景

使用量词:byron{3}并不能完成目标。因为它只会对紧挨着的n匹配三次,此时,需要使用分组。分组很简单,直接加上小括号即可。即(byron){3}

示例:

'a1b2c3d4'.replace(/[a-z]\d{3}/g, 'X') //a1b2c3d4
'a1b2c3d4'.replace(/([a-z]\d){3}/g, 'X') //Xd4

或(使用竖线表示)

'ByronCaseper'.replace(/Byron|Caseper/g, 'X') //XX
'ByronsperByrCasper'.replace(/Byr(on|Ca)sper/g, 'X') //XX

反向引用

  • 问题:将2015-12-25 => 12/25/2015
  • 实现方法是使用反向引用,将分组内容使用$进行捕获,然后再用$进行表示。

示例

'2015-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g, '$1/$2/$3')
// 12/25/2015

忽略分组

  • 不想捕获某些分组,只需要在分组内加上?:就可以了。例如
(?:Bryon).(ok)

前瞻

  • 正则表达式从文本头部向尾部开始解析,文本尾部方向,称之为前
  • 前瞻就是再正则表达式匹配到规则的时候,向前检测是否符合断言,后顾/后瞻方向相反

注:JavaScript不支持后顾,故不再演示

名称 正则 含义
正向前瞻 exp(?=asset)
负向前瞻 exp(?!asset)
正向后顾 exp(?<=asset) JS不支持
负向后顾 exp(?<!asset) JS不支持

示例:

'a2*34v8'.replace(/\w(?=\d)/g, 'X')
//"X2*X4X8"
'a2*34v8'.replace(/\w(?!\d)/g, 'X')
//"aX*3XvX"

对象属性

  • global:是否全文搜索,默认false
  • ignore case:是否大小写敏感,默认false
  • multiline:多行搜索,默认false
  • lastIndex:是当前表达式匹配内容的最后一个字符的下一个位置
  • source:正则表达式的文本字符串

test和exec方法

  • RegExp.prototype.test(str)
    • 用于测试字符串参数中是否存在匹配正则表达式模式的字符串
    • 如果存在则返回true,否则返回false
  • RegExp.prototype.exec(str)
    • 使用正则表达式模式对字符串执行搜索,并将更新全局RegExp对象的属性以反映匹配的结果
    • 过没有匹配的文本则返回null,否则返回一个结果数组
      • index声明匹配文本的第一个字符的位置
      • input存放被检索的字符串

:在test方法中,如果匹配全局后有多个结果时,lastindex保存上次执行结果,并向下迭代,直至没有结果时返回false,则重新回到首位。此时再次执行,则再次循环上面的步骤。

示例:

var reg1 = /\w/;
var reg1 = /\w/g;
while(reg2.test('ab')) {
console.log(reg2.lastIndex);
}
/*
1
2
*/

非全局调用

  • 调用非全局的RegExp对象的exec()方法时,返回数组
  • 第一个元素是与正则表达式相匹配的文本
  • 第二个元素是与RegExpObject的第一个子表达式相匹配的文不(如果有的话)
  • 第三个元素是与RegExp对的第二个子表达式想匹配的文本(如果有的话),以此类推
var reg3 = /\d(\w)(\w)\d/;
var reg4 = /\d(\w)(\w)\d/g;
var ts = '$1az2bb3cy4dd5ee'; var ret = reg3.exec(ts); console.log(reg3.lastIndex+'\t'+ret.index+'\t'+ret.toString());
//"0 1 1az2,a,z"
console.log(reg3.lastIndex+'\t'+ret.index+'\t'+ret.toString());
//"0 1 1az2,a,z" while(ret = reg4.exec(ts)) {
console.log(reg4.lastIndex + '\t'+ret.index+'\t'+ret.toString());
}
/*
"5 1 1az2,a,z"
"11 7 3cy4,c,y"
*/

可以使用正则的函数

String.prototyp.search(reg)

  • search()方法用于检索字符串中指定的字符串,或检索与正则表达式相匹配的子字符串
  • 方法返回一个匹配结果index,查不到返回-1
  • search()方法不执行全局匹配,它将忽略标志g,并且总是从字符串开始进行检索
'a1b2c3d4'.search(/1/g); //1

String.prototype.match(reg)

  • match()方法将检索字符串,以找到一个或多个与RegExp匹配的文本
  • RegExp是否具有标志g对结果影响很大
  • 非全局调用
    • 如果RegExp没有标志g,那么match()方法就只能执行一次匹配
    • 如果没有找到任何匹配,则返回null
    • 否则返回一个数组,其中存放了了与它找到的匹配文本有关的信息
    • 返回数组的第一个元素存在的是匹配文本,而其他元素存放的是与正则表达式的子表达式匹配的文本
    • 处理常规的数组元素之外,返回的数组还含有两个对数属性
      • index声明匹配文本的其实字符串在字符串的位置
      • input声明对stringObject的引用
  • 全局调用
    • 如果RegExp具有标志g,则match方法执行全局检索,找到字符串的所有匹配子字符串
      • 没有找到匹配,返回null
      • 如果找到一个或多个匹配子串,则返回以数组
    • 数组元素中存放的是字符串所有的匹配子串,而且也没有index属性或则input属性

String.prototype.split(reg)

  • 使用split方法把字符串分割为字符数组
'a,b,c,d'.split(',');//['a','b','c','d']
  • 在一些复杂分割情况下我们可以使用正则表达式解决
'a1b2c3d4'.split(/\d/);//['a','b','c','d']

String.prototype.replace

  • String.prototype.replace(str, replaceStr)
    • str 被替换目标(字符串)
    • replaceStr 替换的字符串
  • String.prototype.replace(reg, replaceStr)
    • str 被替换目标(正则表达式)
    • replaceStr 替换的字符串
  • String.prototype.replace(reg, function)
    • function有四个参数
      • 匹配字符串
      • 正则表达式分组ner,没有分组则没有该参数
      • 匹配项在字符串中的index
      • 原字符创

慕课笔记-JavaScript正则表达式的更多相关文章

  1. JavaScript正则表达式学习笔记&lpar;二&rpar; - 打怪升级

    本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...

  2. javascript正则表达式 - 学习笔记

    JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...

  3. web前端学习(四)JavaScript学习笔记部分(10)-- JavaScript正则表达式

    1.JavaScript正则表达式课程概要 方便查找字符串.数字.特殊字串等等 2.正则表达式的介绍 RegExp是正则表达式的缩写 当检索某个文本时,可以使用一种模式来描述要检索的内容.RegExp ...

  4. Javascript 正则表达式简述

    本文地址:http://www.cnblogs.com/blackmanba/p/regular-expressions-introduce.html 或者 http://forkme.info/re ...

  5. JavaScript正则表达式,你真的知道?

    一.前言 粗浅的编写正则表达式,是造成性能瓶颈的主要原因.如下: var reg1 = /(A+A+)+B/; var reg2 = /AA+B/; 上述两个正则表达式,匹配效果是一样的,但是,效率就 ...

  6. 【JS】javascript 正则表达式 大全 总结

    javascript 正则表达式 大全 总结 参考整理了一些javascript正则表达式 目的一:自我复习归纳总结 目的二:共享方便大家搜索 微信:wixf150 验证数字:^[0-9]*$ 验证n ...

  7. 理清JavaScript正则表达式--上篇

    在JavaScript中,正则表达式由RegExp对象表示.RegExp对象呢,又可以通过直接量和构造函数RegExp两种方式创建,分别如下: //直接量 var re = /pattern/[g | ...

  8. 理清JavaScript正则表达式--下篇

    紧接:"理清JavaScript正则表达式--上篇". 正则在String类中的应用 类String支持四种利用正则表达式的方法.分别是search.replace.match和s ...

  9. JavaScript正则表达式详解(一)正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

随机推荐

  1. Mysql的一些使用

    1.批量执行脚本 source sql路径

  2. javascript入门:prototype和面向对象的实现

    由于工作需要,需要大量使用javascript,于是对其进行了一下学习. 学习任何一个语言,最重要的是掌握其和其他语言不同的关键特性.对javascript来说,我总结就是prototype.就像me ...

  3. Jquery 知识表

  4. PowerShell&lowbar;零基础自学课程&lowbar;5&lowbar;自定义PowerShell环境及Powershell中的基本概念

    PowerShell_零基础自学课程_5_自定义PowerShell环境及Powershell中的基本概念 据我个人所知,windows下的cmd shell除了能够通过修改系统参数来对其中的环境变量 ...

  5. Scala的安装,入门,学习,基础

    1:Scala的官方网址:http://www.scala-lang.org/ 推荐学习教程:http://www.runoob.com/scala/scala-tutorial.html Scala ...

  6. JVM(二)—— 垃圾回收

    垃圾回收 垃圾回收主要解决三个问题(回收哪些Which,什么时候回收WHEN,如何回收HOW) 一.回收哪些 这三个问题,最主要的还是第一个,Which回收哪些,评断回收还是不回收的标准是看对象是否被 ...

  7. python3&plus;beautifulsoup4爬取汽车信息

    import requests from bs4 import BeautifulSoup response = requests.get("https://www.autohome.com ...

  8. python学习笔记(10)--组合数据类型&lpar;集合类型&rpar;

    集合类型 集合是多个元素的无序组合,每个元素唯一,不存在相同类型,每个元素是不可变类型.用{}表示,元素间用逗号分隔.建立结合类型用{},或set函数,如果是空集合必须用set. >>&g ...

  9. flask&plus;mako&plus;peewee&lpar;上&rpar;

    其实关于什么用flask搭建一个后台博客啥的跟着官方文档做一遍就行了.感觉啥都有我这里就不赘述了只是记录一个笔记,因为稍微有几个地方有点坑. 目标:做了一个简易页面给电商的同事用来添加商品 首先是安装 ...

  10. Maximum Average Subarray II LT644

    Given an array consisting of n integers, find the contiguous subarray whose length is greater than o ...