正则表达式
正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE)
创建 RegExp 对象
RegExp 对象用于存储检索模式。
var patt1=new RegExp("e","g");//创建对象定义,检索模式为e(查找e这个字符)var patt1=/e/g;//直接量定义,检索模式为e(查找e这个字符)
RegExp 对象的方法
RegExp 对象有 3 个方法:test()、exec() 以及 compile()。
test():检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
//在"The best things in life are free"中查找e,因为这个字符串中存在e所以返回evar patt1=new RegExp("e");document.write(patt1.exec("The best things in life are free"));
exec():检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。(exec在全局匹配时会储存匹配到的位,再次执行时会从存储的位置开始匹配)
//在"The best things in life are free"中查找e,因为这个字符串中存在5个e所以返回eeeeenull// g(global):匹配全部var patt1=new RegExp("e","g");do{result=patt1.exec("The best things in life are free");document.write(result);}while (result!=null)
compile():改变RegExp的检索模式
//先查找e,再查找d。因为这个字符串中存在e,不存在d所以返回truefalse//查找evar patt1=new RegExp("e");document.write(patt1.test("The best things in life are free"));//查找dpatt1.compile("d");document.write(patt1.test("The best things in life are free"));
RegExp 对象属性
属性 | 描述 | FF | IE |
---|---|---|---|
global | RegExp 对象是否具有标志 g。 | 1 | 4 |
ignoreCase | RegExp 对象是否具有标志 i。 | 1 | 4 |
lastIndex | 一个整数,标示开始下一次匹配的字符位置。 | 1 | 4 |
multiline | RegExp 对象是否具有标志 m。 | 1 | 4 |
source | 正则表达式的源文本。 | 1 | 4 |
支持正则表达式的 String 对象的方法
方法 | 描述 | FF | IE |
---|---|---|---|
search | 检索与正则表达式相匹配的值。 | 1 | 4 |
match | 找到一个或多个正则表达式的匹配。 | 1 | 4 |
replace | 替换与正则表达式匹配的子串。 | 1 | 4 |
split | 把字符串分割为字符串数组。 | 1 | 4 |
修饰符
修饰符 | 描述 |
---|---|
i | 执行对大小写不敏感的匹配。 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m | 执行多行匹配。 |
方括号(用于查找某个范围内的字符)
表达式 | 描述 |
---|---|
[abc] | 查找方括号之间的任何字符。 |
[^abc] | 查找任何不在方括号之间的字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
[a-z] | 查找任何从小写 a 到小写 z 的字符。 |
[A-Z] | 查找任何从大写 A 到大写 Z 的字符。 |
[A-z] | 查找任何从大写 A 到小写 z 的字符。 |
[adgk] | 查找给定集合内的任何字符。 |
[^adgk] | 查找给定集合外的任何字符。 |
(red|blue|green) | 查找任何指定的选项。 |
元字符(Metacharacter,是拥有特殊含义的字符
元字符 | 描述 |
---|---|
. | 查找单个字符,除了换行和行结束符。 |
\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 的字符串。 |
捕获
捕获 | 描述 |
---|---|
(x) | 匹配 ‘x‘ 并且记住匹配项。 |
(?:x) | 匹配接指定字符串 x 但是不记住匹配项(不在结果数组中单独将这个括号作为一项)。 |
<!DOCTYPE html><script>var test = ‘this are some test text‘;console.log(test.match(/(te)(?:st)/));//[ ‘test‘, ‘te‘, index: 14, input: ‘this are some test text‘ ]//(te)被捕捉了(结果数组第二项:test中的te被捕获),(?:st)没有被捕捉(结果数组中没有)//</script>
预查
| 预查 | 描述 |
| (?=x) | 匹配任何其后紧接指定字符串 x 的字符串(正向肯定查找)。 |
| (?!x) | 匹配任何其后没有紧接指定字符串 x 的字符串(正向否定查找)。 |
貌似ES7要支持反向预查,先用括号代替吧
<!DOCTYPE html><script>var test = ‘this are some test text‘;console.log(test.match(/te(st.*)/));console.log(‘反向预查:‘+test.match(/te(st.*)/)[1]);/*[ ‘test text‘, ?‘st text‘, ?index: 14, ?input: ‘this are some test text‘ ]反向预查:st text*/</script>
正向预查使用情况:预查结尾的条件,预查的条件不纳入匹配结果,预查条件不影响《当前匹配位置指针》
eg:找出所有的<h1>到下个<h1>的内容
<!DOCTYPE html><h1></h1><h2></h2><p></p><h2></h2><p></p><pre><code></code></pre><h1></h1><h2></h2><p></p><h1></h1><h2></h2><pre><code></code></pre><h1></h1><h2></h2><script>var body = document.getElementsByTagName(‘body‘);var testhtml = body[0].innerHTML;//script本身在body中,script的代码也被匹配console.log(testhtml.match(/<h1>([\s\S]*?)(?=<h1>)/g));</script>
匹配结果
属性 | 含义 |
---|---|
$1...$9 | 如果它(们)存在,是匹配到的子串 |
$_ | 被匹配的串 |
$* | 是否进行多行匹配(bool型) |
$& | 最后一次匹配的索引 |
$+ | 最后一个括号括起来的子串 |
$` | 最近一次匹配以左的子串 |
$‘ | 最近一次匹配以右的子串 |
var test = ‘this are some test text‘;document.write(test.replace(/(this).*?(text)/, "\$1 = $1,\$2 = $2,\$_ = $_,\$* = $*,\$& = $&,\$+ = $+,\$` = $`,\$‘ = $‘"));