JavaScript权威指南笔记
博客专区 > drei 的博客 > 博客详情
JavaScript权威指南笔记
drei 发表于1年前
JavaScript权威指南笔记
  • 发表于 1年前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 第一部分 第十章 正则表达式的模式匹配

JavaScript的正则表达式用RegExp对象表示,可以用RegExp()构造函数来创建RegExp对象,不过RegExp对象更多的是通过一种特殊的直接量语法来创建。

正则表达式中的直接量字符

字符 匹配
字母和数字字符 自身
\o  NUL字符(\u0000)
\t 制表符(\u0009)
\n

换行符(\u000A)

\v    垂直制表符(\u000B)
\f 换页符(\u000C)
\r 回车符(\u000D)
\xnn 由十六进制nn指定的拉丁字符,例如,\x0A等价于\n
\uxxxx 由十六进制xxxx指定的Unicode字符,例如\u0009等价于\t
\cX 控制字符^X,例如\cJ等价于换行符\n
   

正则表达式的字符类

字符 匹配
[...] 方括号内的任意字符
[^...] 不在方括号内的任意字符
. 除换行符和其他Unicode行终止符之外的任意字符
\w 任何ASCII字符组成的单词,等价于[a-zA-Z0-9]
\W 任何不是ASCII字符组成的单词,等价于[^a-zA-Z0-9]
\s 任何Unicode空白符
\S 任何非Unicode空白符的字符,注意\w和\S的不同
\d 任何ASCII数字,等价于[0-9]
\D 除了ASCII数字之外的字符,等价于[^0-9]
[\b] 退格直接量(特例)
   

正则表达式的重复字符语法

字符 含义
{n,m} 匹配前一项至少n次,但不超过m次
{n,} 匹配前一项n次或者更多次
{n} 匹配前一项n次
匹配前一项0次或者1次,也就是说前一项是可选的,等价于{0,1}
+ 匹配前一项1次或者多次,等价于{1,}
* 匹配前一项0次或多次,等价于{0,}
   

贪婪的匹配:上表列出的匹配重复字符是尽可能多地匹配,而且允许后续的正则表达式继续匹配。

非贪婪匹配:在待匹配的字符后跟随一个问号即可:“??”、“+?”、“*?”或“{1,5}?”。

正则表达式的选择、分组和引用字符

字符 含义
| 选择,匹配的是该符号左边的子表达式或右边的子表达式
(...) 组合,讲几个项组合为一个单元,这个单元可通过该“*”、“+”、“?”和“|”等符号加以修饰,而且可以记住和这个组合相匹配的字符串以供此后的引用使用
(?:...) 只组合,把项组合到一个单元,但不记忆与该组相匹配的字符
\n 和第n个分组第一次匹配的字符相匹配,组是圆括号中的子表达式(也有可能是嵌套的),组牵引是从左到右的左括号数,“(?:”形式的分组不编码
   

正则表达式的锚字符

字符 含义
匹配字符串的开头,在多行检索中,匹配一行的开头
$ 匹配字符串的结尾,在多行检索中,匹配一行的结尾
\b 匹配一个单词的边界,简言之,就是位于字符\w和\W之间的位置,或位于字符\w和字符串的开头或者结尾之间的位置(但需要注意,[\b]匹配的是退格符)
\B 匹配非单词边界的位置
(?=p) 零宽正向先行断言,要求接下来的字符都与p匹配,但不能包括匹配p的那些字符
(?!p) 零宽负向先行断言,要求接下来的字符不与p匹配
   

正则表达式修饰符

字符 含义
i 执行不区分大小写的匹配
g 执行一个全局匹配,简言之,即找到所有的匹配,而不是在找到第一个之后就停止
m 多行匹配模式,^匹配一行的开头和字符串的开头,$匹配行的结束和字符串的结束
   

用于模式匹配的String方法:

1.search()   它的参数是一个正则表达式,返回第一个与之匹配的子串的起始位置,如果找不到匹配的子串,它将返回-1。不支持全局检索。

2.replace()方法用以检索与替换操作。其中第一个参数是一个正则表达式,第二个参数是要进行替换的字符串。若正则表达式中设置了修饰符g,那么源字符串中所有与模式匹配的子串都将替换成第二个参数指定的字符串。

//将所有不区分大小写的javascript都替换成大小写正确的JavaScript

text.replace(/javascript/gi,"JavaScript");

如果在替换字符中出现了$加数字,那么replace()将用与指定的子表达式相匹配的文本来替换这两个字符。

//一段引用文本起始于引号,结束于引号

//中间的内容区域不能包含引号

var quote = /"([^"])*)"/g;

//用中文半角引号替换英文引号,同时要保持引号之间的内容(存储在$1中)没有被修改

text.replace(quote, '“$1”';

3.match()  它的唯一参数是一个正则表达式,返回的是一个由匹配结果组成的数组。支持全局检索。例如:

"1 plus 2 equals 3".match(/\d+/g)   //返回["1", "2", "3"]

如果match()返回一个数组a,那么a[0]存放的是完整的匹配,a[1]存放的是与第一个用圆括号括起来的表达式相匹配的子串,即a[n]存放的是$n的内容,例如:

var url = /(\w+):\/\/([\w.]+)\/(\S*)/;

var text = "visit my blog at http://www.example.com/~david";

var result = text.match(url);

if(result != null) {

    var fullurl = result[0];       //包含"http://www.example.com/~david"

    var protocol = result[1];    //包含"http"

    var host = result[2];        //包含“www.example.com”

    var path = result[3];     //包含“~david”

}

4.split()   这个方法用以将调用它的字符串拆分为一个子串组成的数组,使用的分隔符是split()的参数,例如:

"123,456,789".split(",");    //返回["123", "456", "789"]

split()方法的参数也可以是一个正则表达式,例如,可以指定分隔符,允许两边可以留有任意多的空白符:

"1, 2, 3, 4, 5".split(/\s*,\s*/);      //返回["1", "2", "3", "4", "5"]

共有 人打赏支持
粉丝 2
博文 9
码字总数 7611
×
drei
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: