资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/JS正则表达式精简教程（JavaScript RegExp 对象）

JS正则表达式精简教程（JavaScript RegExp 对象）

ACb0y / 1232人阅读

摘要：返回值是被找到的值。支持正则表达式的对象的方法方法检索与正则表达式相匹配的子字符串。该数组是通过在指定的边界处将字符串分割成子串创建的。注意报错正确示例附表修饰符修饰符描述执行对大小写不敏感的匹配。查找以十六进制数规定的字符。

什么是 RegExp？

RegExp 是正则表达式的缩写。

当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

简单的模式可以是一个多带带的字符。

更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。

您可以规定字符串中的检索位置，以及要检索的字符类型，等等。

定义 RegExp 
const pattern = new RegExp("str");
RegExp 对象的方法

test()

exec()

compile()

test() 方法检索字符串中的指定值。返回值是 true 或 false。

const pattern = new RegExp("str");
console.log(pattern.test("input string")); // true

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

const pattern = new RegExp("str");
console.log(pattern.test("input string")); // [ "str", index: 6, input: "input string", groups: undefined ]

compile() 方法用于改变 RegExp（既可以改变检索模式，也可以添加或删除第二个参数）。

const pattern = new RegExp("e");
console.log(pattern.test("The best things in life are free"));
pattern.compile("d");
console.log(pattern.test("The best things in life are free"));
支持正则表达式的 String 对象的方法

search()

match()

replace()

split()

search()方法检索与正则表达式相匹配的子字符串。search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

// stringObject.search(regexp) 语法 (匹配不上时返回 -1)

const stringObj = "Hello world";
const result = stringObj.search(/l{3}/);
console.log(result); // -1

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

// stringObject.match(regexp) 语法 (匹配不上时返回 null)

const stringObj = "Hello world";
const result = stringObj.match(/l{2}/);
console.log(result); // [ "ll", index: 2, input: "Hello world", groups: undefined ]

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

// stringObject.replace(regexp/substr,replacement) 语法 (匹配不上时返回原字符串)

const stringObj = "Hello world";
const result = stringObj.replace(/l{2}/,"ii");
console.log(result); // Heiio world

split() 方法用于把一个字符串分割成字符串数组。
返回一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

// stringObject.split(separator,howmany) 语法 (匹配不上时返回 [stringObject])

const stringObj = "Hello world";
const result = stringObj.split(/l{2}/);
console.log(result) // [ "He", "o world" ]
RegExp 参数

直接量语法

/pattern/attributes

创建 RegExp 对象的语法

new RegExp(pattern, attributes);

参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

参数 attributes 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。

注意

const reg = /str/;
const newReg = reg.compile(reg, "i"); // 报错
console.log(newReg.test("string"))

// 正确示例
const reg = /str/;
const newReg = new RegExp(reg, "i");
console.log(newReg.test("string"));
附表

修饰符

修饰符 描述
i 执行对大小写不敏感的匹配。
g 执行全局匹配
m 执行多行匹配

方括号

表达式 描述
[abc] 查找方括号之间的任何字符
1 查找任何不在方括号之间的任何字符
[0-9] 查找任何从0至9的数字
[a-z] 查找任何从小写a至小写z的字符
[A-Z] 查找任何从大写A至大写Z的字符
[A-z] 查找任何从大写A至小写z的字符
[adgk] 查找给定集合内的任何字符
[^adgk] 查找给定集合外的任何字符
(red ¦ blue ¦green) 查找任何指定的选项

元字符

元字符 描述
. 查找单个字符，除了换行和行结束符。
w 查找单词字符。
W 查找非单词字符。
d 查找数字字符。
D 查找非数字字符。
s 查找空白字符。
S 查找非空白字符。
b 匹配单词边界。
B 匹配非单词边界。
0 查找 NUL 字符。
n 查找换行符。
f 查找换页符。
r 查找回车符。
t 查找制表符。
v 查找垂直制表符。
xxx 查找以八进制数 xxx 规定的字符。
xdd 查找以十六进制数 dd 规定的字符。
uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

元字符 描述
n+ 匹配任何包含至少一个 n 的字符串。
n* 匹配任何包含零个或多个 n 的字符串。
n? 匹配任何包含零个或一个 n 的字符串。
n{X} 匹配包含 X 个 n 的序列的字符串。
n{X,Y} 匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,} 匹配包含至少 X 个 n 的序列的字符串。
n$ 匹配任何结尾为 n 的字符串。
^n 匹配任何开头为 n 的字符串。
?=n 匹配任何其后紧接指定字符串 n 的字符串。
?!n 匹配任何其后没有紧接指定字符串 n 的字符串。
  • abc ↩

    • 专线服务 云服务器 js正则表达式regexp java正则表达式教程 座机正则表达式 js js域名正则表达式

    文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

    转载请注明本文地址：https://www.ucloud.cn/yun/102051.html

    相关文章

    • 前端资源系列（4）-前端学习资源分享&前端面试资源汇总

      摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

      princekin 评论0 收藏0

    • js温故而知新5——学习廖雪峰的js教程

      摘要：表示行的结束，表示必须以数字结束。用表示的就是要提取的分组。方法在匹配成功后，会返回一个，第一个元素是正则表达式匹配到的整个字符串，后面的字符串表示匹配成功的子串。贪婪匹配需要特别指出的是，正则匹配默认是贪婪匹配，也就是匹配尽可能多的字符。 对象 typeof 123; // number typeof NaN; // number typeof str; // string type...

      mayaohua 评论0 收藏0

    • JavaScript标准库系列——RegExp对象（三）

      摘要：目录导语理解正则表达式模式的规则字符串和正则实例的属性和方法检索实例小结导语正则表达式是处理字符串的一门艺术手法，应用场景经常出现在表单验证部分高级程序设计一书开篇提到，这门语言最原始的应用就是处理输入验证操作，所以正则表达式从诞生那一刻就 目录 导语 1.理解正则表达式 2.模式的规则 3.字符串和正则实例的属性和方法 4.检索实例 5. 小结 导语 正则表达式是处理字符串的一门艺...

      邱勇 评论0 收藏0

    • 正则表达式

      摘要：本文内容共正则表达式火拼系列正则表达式回溯法原理学习正则表达式，是需要懂点儿匹配原理的。正则表达式迷你书问世了让帮你生成和解析参数字符串最全正则表达式总结验证号手机号中文邮编身份证地址等是正则表达式的缩写，作用是对字符串执行模式匹配。 JS 的正则表达式 正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息（搜索），也可以用来查...

      bang590 评论0 收藏0

    • 温故js系列（5）-正则表达式&常用代码

      摘要：的对象表示正则表达式，而和都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。对象也提供了个使用正则表达式的方法。如正则表达式将匹配除了和所有大写字母之外的任何字符。 前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正：正则表达式 JavaScript-正则表达式 正则表达式简述 正则表达式(re...

      glumes 评论0 收藏0

    发表评论

    登陆后可评论

    0条评论

    ACb0y

    男|高级讲师
    我要私信

    TA的文章

    阅读更多
    最新活动
    阅读需要支付1元查看
    <