JavaScript 教程

JS 教程 JS 简介 JS 如何使用 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS 运算符 JS 算法 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 事件 JS 字符串 JS 字符串方法 JS 数值 JS 数值方法 JS 数组 JS 数组方法 JS 数组排序 JS 数组迭代 JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS 数学运算 JS 随机数 JS 布尔运算符 JS 比较运算符 JS 条件语句 JS Switch 语句 JS For 循环 JS While 循环 JS Break JS 类型转换 JS 位运算符 JS 正则表达式 JS 错误处理 JS 作用域 JS Hoisting JS 严格模式 JS this 关键词 JS Let 关键词 JS Const 关键词 JS 箭头函数 JS 类 JS 调试 JS 样式指南 JS 最佳实践 JS 常见错误 JS 性能优化 JS 保留关键词 JS 版本 JS ES5 JS ES6 JS JSON

JS 表单

JS Forms Forms API

JS 对象

Object 对象定义 Object 对象属性 Object 对象方法 Object Display Object 对象访问器 Object 对象构造器 Object 对象原型 Object ECMAScript 5

JS 函数

JS 函数定义 JS 函数参数 JS 函数调用 JS Call 函数 JS Apply 函数 JS 函数闭包

JS 类库

Class 类简介 Class 类继承 Class Static

JS 异步

JS 回调 JS 异步 JS Promises JS Async/Await

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM CSS DOM 动画 DOM 事件 DOM 事件监听 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS 浏览器 BOM

JS Window JS Screen JS Location JS History JS Navigator JS 弹出框 JS Timing JS Cookies

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 实例

JS JSON

JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON PHP JSON HTML JSON JSONP

JS Web APIs

Web API 简介 Web History API Web Storage API Web Geolocation API

JS vs jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS 实例

JS 实例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS Browser JS 编辑器 JS 练习 JS 测验

JS 参考手册

JS 对象 HTML DOM 对象



JavaScript 正则表达式

正则表达式是构成搜索模式的字符序列。

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


什么是正则表达式?

正则表达式是构成搜索模式(search pattern)的字符序列。

当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。

正则表达式可以是单字符,或者更复杂的模式。

正则表达式可用于执行所有类型的文本搜索文本替换操作。

语法

/pattern/modifiers;

实例

var patt = /w3schools/i;

实例说明:

/w3schools/i  是一个正则表达式。

w3schools  是模式(pattern)(在搜索中使用)。

i  是修饰符(把搜索修改为大小写不敏感)。


使用字符串方法

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

search() 方法使用表达式来搜索匹配,然后返回匹配的位置。

replace() 方法返回模式被替换处修改后的字符串。


使用字符串方法 search() 来处理字符串

search() 方法也接受字符串作为搜索参数。字符串参数将被转换为正则表达式:

实例

使用字符串在一个字符串中搜索 "W3schools":

var str = "Visit W3Schools!";
var n = str.search("W3Schools");
亲自试一试 »

在字符串方法 search() 中使用正则表达式

实例

使用正则表达式执行搜索字符串中 "w3schools" 的大小写不敏感的搜索:

var str = "Visit W3Schools";
var n = str.search(/w3schools/i);

n 的结果将是:

6
亲自试一试 »


使用字符串方法 replace() 处理字符串

replace() 也接受字符串作为搜索参数:

var str = "Visit Microsoft!";
var res = str.replace("Microsoft", "W3Schools");
亲自试一试 »

在字符串方法 replace() 中使用正则表达式

实例

使用大小写不明的正则表达式以 W3schools 来替换字符串中的 Microsoft:

var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "W3Schools");

res 的结果将是:

Visit W3Schools!
亲自试一试 »

您注意到了吗?

正则表达式参数(而不是字符串参数)可以在上面的方法中使用。

正则表达式可以使您的搜索更强大(例如,不区分大小写)。


正则表达式修饰符

修饰符可用于大小写不敏感的更全局的搜素:

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

正则表达式模式

括号用于查找一定范围的字符串:

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

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

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

Quantifiers 定义量词:

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

使用 RegExp 对象

在 JavaScript 中,RegExp 对象是带有预定义属性和方法的正则表达式对象。


使用 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() 方法是一个正则表达式方法。

它通过指定的模式(pattern)搜索字符串,并返回已找到的文本。

如果未找到匹配,则返回 null。

下面的例子搜索字符串中的字符 "e":

实例 1

/e/.exec("The best things in life are free!");
亲自试一试 »

完整的 RegExp 参考手册

如需完整的参考手册,请访问我们完整的 JavaScript RegExp 参考手册

该参考手册包含了所有 RegExp 属性和方法的描述和实例。