JavaScript(ES6) - 正则表达

正则表达式简介:

(Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式,搜索模式可用于文本搜索和文本替换。

RegExp 构造函数 => 语法:

第一种 : 参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。

var regex = new RegExp('xyz', 'i');
// 等价于
var regex = /xyz/i;

第二种:参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。

var regex = new RegExp(/xyz/i);
// 等价于
var regex = /xyz/i;
// xyz  是一个正则表达式主体 (用于检索)
// i  是一个修饰符 (搜索不区分大小写)

但是,ES5 不允许此时使用第二个参数添加修饰符,否则会报错。

var regex = new RegExp(/xyz/, 'i');
// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another

ES6 改变了这种行为,如果RegExp构造函数第一个参数是一个正则对象,那么可以使用第二个参数指定修饰符。而且,返回的正则表达式会忽略原有的正则表达式的修饰符,只使用新指定的修饰符。

new RegExp(/abc/ig, 'i').flags

上面代码中,原有正则对象的修饰符是ig,它会被第二个参数i覆盖。

常用的6个方法,可以使用正则表达式:match()、replace()、 test()、search()、exec()和split()。
search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

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

使用正则表达式搜索 "xyz" 字符串,且不区分大小写:
var str = "Visit xyz!"; 
var n = str.search(/xyz/i);
console.log(n)//6

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

使用正则表达式且不区分大小写将字符串中的"123" 替换为"xyz" :
var str = "Visit 123"; 
var txt = str.replace(/123/i,"xyz");
console.log(txt) //Visit xyz

test() 方法使用正则表达式:

方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false:
var patt = /in/;
let a   = patt.test("The best things in life are free!");
console.log(a) //true

exec() 方法使用正则表达式:

该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
var patt = /in/;
let a   =patt.exec("The best things in life are free!");
console.log(a) //e

正则表达式修饰符:

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

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

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

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

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

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

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

量词:

量词描述
n+匹配任何包含至少一个 n 的字符串
n*匹配任何包含零个或多个 n 的字符串
n?匹配任何包含零个或一个 n 的字符串
[n+]匹配任何包含至少一个 n 的字符串。例如,/a+/ 匹配 “candy” 中的 “a”,”caaaaaaandy” 中所有的 “a”。
[n*]匹配任何包含零个或多个 n 的字符串。例如,/bo*/ 匹配 “A ghost booooed” 中的 “boooo”,”A bird warbled” 中的 “b”,但是不匹配 “A goat grunted”。
[n?]匹配任何包含零个或一个 n 的字符串。例如,/e?le?/ 匹配 “angel” 中的 “el”,”angle” 中的 “le”。
[n{X}]匹配包含 X 个 n 的序列的字符串。例如,/a{2}/ 不匹配 “candy,” 中的 “a”,但是匹配 “caandy,” 中的两个 “a”,且匹配 “caaandy.” 中的前两个 “a”。
[n$]匹配任何结尾为 n 的字符串。
[^n]匹配任何开头为 n 的字符串。
[?=n]匹配任何其后紧接指定字符串 n 的字符串。
[?!n]匹配任何其后没有紧接指定字符串 n 的字符串。
n{X,}X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如,/a{2,}/ 不匹配 “candy” 中的 “a”,但是匹配 “caandy” 和 “caaaaaaandy.” 中所有的 “a”

声明:内容来源于网络,如有侵犯,请作者联系。

    原文作者:呼呼哥
    原文地址: https://www.jianshu.com/p/54dcc7e4f685
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞