web APIs_day06

1.正则表达式

1.1介绍

• 正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象

• 通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。

• 正则表达式在JavaScript中的使用场景：

• 例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文（匹配）

• 比如用户名：/^[a-z0-9_-]{3,16}$/

• 过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等。

1.2语法

1. 定义正则表达式语法：

const 变量名 = /表达式/

2. 判断是否有符合规则的字符串：

test()方法 //用来查看正则表达式与指定的字符串是否匹配
语法：
变量名.test(被检测的字符串)

3. 检索（查找）符合规则的字符串：

exec()方法在一个指定字符串中执行一个搜索匹配

如果匹配成功，exec()方法返回一个数组，否则返回null

语法：
变量名.exec(被检测的字符串)

1.3元字符

• 普通字符：

大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。

也就是说普通字符只能够匹配字符串中与它们相同的字符。

• 元字符（特殊字符）

是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。

• 比如，规定用户只能输入英文26个字母，普通字符的话abcdefg。。。

• 但是换成元字符写法：[a-z]

• 参考文档：

• MDN：http://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

正则测试工具

为了方便记忆和学习，我们对众多的元字符进行了分类：

1. 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

边界符	说明
^	表示匹配行首的文本（以谁开始）
$	表示匹配行尾的文本（以谁结束）

2. 量词（表示重复次数）

量词用来设定某个模式出现的次数

量词	说明
*	重复零次或更多次
+	重复一次或更多次
？	重复零次或一次
{n}	重复n次
{n,}	重复n次或更多次
{n,m}	重复n到m次

3. 字符类（比如\d表示0~9）

（1）[ ]匹配字符集合

后面的字符串只要包含abc中任意一个字符，都返回true。
console.log(/[abc]/.test('andy'))  //true 

（2）[ ]里面加上^取反符号

• 比如：

• [^a-z]匹配除了小写字母以外的字符

• 注意要写到中括号里面

（3）.匹配除换行符之外的任何单个字符

（4）预定义：指的是某些常见模式的简写方式

预定类	说明
\d	匹配0-9之间的任一数字，相当于[0-9]
\D	匹配所有0-9以外的字符，相当于[^0-9]
\w	匹配任意的字母、数字、下划线，相当于[A-Za-z0-9]
\W	匹配所有字母、数字、下划线以外的字符，相当于[^A-Za-z0-9]
\s	匹配空格（包括换行符、制表符、空格符等），相当于[\t\r\n\v\f]
\S	匹配非空格的字符，相当于[^\t\r\n\v\f]

1.4修饰符

• 修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等

• 语法：

/表达式/修饰符

• i是单词ignore的缩写，正则匹配时字母不区分大小写

• g是单词global的缩写，匹配所有满足正则表达式的结果

• 替换replace

• 语法：

字符串.replace(/正则表达式/, '替换的文本')