JavaScript 基础教程JavaScript 简介JavaScript 用法JavaScript 输出JavaScript 语法JavaScript 语句JavaScript 注释JavaScript 变量JavaScript 数据类型JavaScript 对象JavaScript 函数JavaScript 作用域JavaScript 事件JavaScript 字符串JavaScript 运算符JavaScript 比较和逻辑运算符JavaScript if...else 语句JavaScript switch 语句JavaScript for 循环JavaScript while 循环JavaScript break 和 continue 语句JavaScript typeof, null, undefinedJavaScript 类型转换JavaScript 正则表达式JavaScript 错误throw try catchJavaScript 调试JavaScript 变量提升JavaScript 严格模式 (use strict)JavaScript 使用误区JavaScript 表单JavaScript 表单验证JavaScript 验证 APIJavaScript 保留关键字JavaScript JSONjavascript :void(0) 含义JavaScript 代码规范JavaScript 函数定义JavaScript 函数参数JavaScript 函数调用JavaScript 闭包JavaScript HTML DOMJavaScript DOM- 改变 HTMLJavaScript DOM - 改变 CSSJavaScript HTML DOM 事件JavaScript DOM EventListenerJavaScript DOM 元素(节点)JavaScript 对象类型JavaScript Number 对象JavaScript 字符串(String)对象JavaScript Date 对象JavaScript Array 对象JavaScript Boolean 对象JavaScript Math 对象JavaScript RegExp 对象JavaScript window 对象JavaScript window.screen 对象JavaScript window.location 对象JavaScript window.history 对象JavaScript window.navigator 对象JavaScript 弹窗JavaScript 计时事件JavaScript CookieJS中的if和switch该如何选择?JS优化多分支结构JS中的while和for循环该如何选择?JS优化循环结构JS输出杨辉三角JS定义字符串(3种方式)JS获取字符串长度JS字符串拼接/连接(3种方式)JS字符串查找(6种方法)JS截取字符串JS字符串替换replace()JS字符串大写小写转换JS字符串比较大小JS字符串和数组之间的转换JS给字符串添加HTML标签JS去除字符串前后空格JS Unicode编码和解码JS Base64编码和解码JS在接收表单数据时过滤特殊字符JS自定义编码和解码方案

JavaScript 正则表达式

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

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


什么是正则表达式?

正则表达式是由一个字符序列形成的搜索模式

当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容

正则表达式可以是一个简单的字符,或一个更复杂的模式

正则表达式可用于所有文本搜索和文本替换的操作


语法

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

其中修饰符是可选的

下面的代码创建了一个正则表达式

var patt = /twle/i
  1. /twle/i 是一个正则表达式

  2. twle 是一个 正则表达式主体 (用于检索)

  3. i 是一个 修饰符 (搜索不区分大小写)。


使用字符串方法

JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()

方法描述
search()用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置
replace()用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

search() 方法使用正则表达式

使用正则表达式搜索 "Twle" 字符串,且不区分大小写

var str = "Visit Twle!"; 
var n = str.search(/Twle/i);

输出结果为 6


search() 方法使用字符串

search 方法可使用字符串作为参数,字符串参数会转换为正则表达式

下面的代码检索字符串中 "Twle" 的子串

var str = "Visit Twle!"; 
var n = str.search("Twle");


replace() 方法使用正则表达式

下面的代码使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Twle

var str = document.getElementById("demo").innerhtml; 
var txt = str.replace(/microsoft/i,"Twle");

结果输出为 Visit Twle!


replace() 方法使用字符串

replace() 方法将接收字符串作为参数

var str = document.getElementById("demo").innerHTML; 
var txt = str.replace("Microsoft","Twle");


正则表达式修饰符

修饰符 可以在全局搜索中不区分大小写:

修饰符描述
i执行对大小写不敏感的匹配
g执行全局匹配 (查找所有匹配而非在找到第一个匹配后停止 )
m执行多行匹配

正则表达式模式

方括号用于查找某个范围内的字符

表达式描述
[abc]查找方括号之间的任何字符
[0-9]查找任何从 0 至 9 的数字
(x|y)查找任何以 | 分隔的选项

元字符是拥有特殊含义的字符

元字符描述
\d查找数字
\s查找空白字符
\b匹配单词边界
\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符

量词

量词描述
n+匹配任何包含至少一个n的字符串
n*匹配任何包含零个或多个n的字符串
n?匹配任何包含零个或一个n的字符串

使用 RegExp 对象

JavaScript 中的 RegExp 对象是一个预定义了属性和方法的正则表达式对象


使用 test()

test() 方法是一个正则表达式方法

test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false

下面的代码用于搜索字符串中的字符 "e"

var patt = /e/;
patt.test("The best things in life are free!");

字符串中含有 "e",所以范例输出为 true

你可以不用设置正则表达式的变量,以上两行代码可以合并为一行:

/e/.test("The best things in life are free!")


使用 exec()

exec() 方法是一个正则表达式方法

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

函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null

下面的代码用于搜索字符串中的字母 "e"

/e/.exec("The best things in life are free!");

字符串中含有 "e",所以该实例输出为 e


链接: https://www.fly63.com/course/7_490