正则表达式的元字符--包含限定符,等价符,定位符,修饰符,字符簇,转义字符的用法

正则表达式中的字符包含两种：

元字符：一些具有特殊含义的特殊符号。

普通字符：包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号。

其中元字符又包括限定符,等价符,定位符,修饰符,字符簇,转义字符等

使用正则表达式三步走

① 匹配符（查什么）（等价符、字符簇、修饰符、转义符）

② 限定符（查多少）

③ 定位符（从哪查）

1、限定符

限定符（量词）用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n} 或 {n,} 或 {n,m} 共6种。用法

var str = 'phpphp';
    var res = str.match(/p+/g);//匹配所有的一个p或多个连在一起的p
    console.log(res);//["p", "pp", "p"]

相关阅读:限定符中的贪婪匹配和非贪婪匹配

2、等价符

等价符demo:

常用的：  .  \d  \w
var str = 'php1js22';
var res = str.match(/\d+/g);//匹配所有的数字
console.log(res);//["1", "22"]

3.定位符

定位符用来描述字符串或单词的边界，^和 $分别指字符串的开始与结束，\b描述单词的前或后边界，\B 表示非单词边界。

注意： 通常在表单数据验证时，严格检测字符串格式，需要使用^$

<script>
    var str = '1234';
    var res = str.match(/^\d+$/);//匹配整个数字字符串（匹配id参数值）
    console.log(res);//["1234"]
</script>

4.字符簇（方括号）

方括号表示一个范围，也称为**字符簇**，匹配满足条件的一个字符。

字符范围 参考ASCII码表

示例：

[0-9] 查找任何从 0 至 9 的一个数字。

[a-z] 查找任何从小写 a 到小写 z 的字符。 

[A-Z] 查找任何从大写 A 到大写 Z 的字符。 

[A-z] 查找任何从大写 A 到小写 z 的字符。包括[ \ ]^_`等六个字符。

[A-Za-z]查找任何从大写 A 到小写 z 的字符，不包括[ \ ]^_`等六个字符。

字符簇demo:

var str = 'adcd1234ABCD';
var res = str.match(/[a-z]+/g);//匹配所有小写字母字符串
console.log(res);//["abcd"]

5.修饰符

修饰符的用法，修饰符一定要写到正则表达式末尾/之后，可以一次性使用多个修饰符。

i  执行对大小写不敏感的匹配。实际上就是不区分大小写的匹配（默认区分大小写） 

g  执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 

m 执行多行匹配（^和$能匹配每行的开始与结束）。

/i用法示例:

var str = 'adcd1234ABCD';
var res = str.match(/[a-z]+/gi);//匹配所有字母字符串(忽略大小写)
console.log(res);//["adcd", "ABCD"]

/m用法示例 

var str = '1234\r\n5678';
    var res = str.match(/^\d+$/gm);//匹配整个数字字符串
    console.log(res);//["1234", "5678"]

6.转义字符（\）

如果匹配的字符串在正则中有特殊含义的都必须加转义字符。如[]$.*?+|^{}()

但是不要乱加转义。

    var str = 'php.php';//目标字符串中包含普通字符.
    var res = str.match(/p\.p/g);//匹配普通字符. 需要转义
    console.log(res);//["p.p"]

匹配图片名称

    var str = '123.jpg';//目标字符串中包含普通字符.
    var res = str.match(/.*\.jpg/g);//匹配jpg后缀的图片名称
    console.log(res);//["123.jpg"]