美文网首页技术干货让前端飞
正则表达式、ES6 中的表达式的新特性

正则表达式、ES6 中的表达式的新特性

作者: 六月太阳花 | 来源:发表于2017-01-02 22:13 被阅读0次

正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。

一、正则表达式

1、定义正则(语法):

new RegExp('pattern','modifiers');
/pattern/modifiers
pattern(模式) 描述了表达式的模式
modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

2、修饰符:

i 忽略大小写
m 多行模式
g 全局

3、正则中方法:

1)str.search(reg); //搜索
如果找到,返回什么第一个找到的位置
如果找不到,返回-1, indexOf
2)str.match(reg); //匹配
如果匹配上,返回的是数组
否则, null
3)str.replace('str1','str2');
//只替换第一个
4)regx.test(str); // 能匹配上,返回true,否则 返回false

4、规则
1)方括号:方括号用于查找某个范围的字符

1.1)或 [123] 1或2或3
1.2)范围 [a-zA-Z0-9]
1.3)排除 [^]

2)修饰:

行首,行尾 ^$
. 点 所有的字符

3)量词:

{}
{n} n个
{n,m} 最少n个,最多m个
{n,} 最少n个,最多不限
{0,1} 最少0个,最多 1 个 ----- ? --可有可无
{1,} 最少1个,最多不限 ----- +
{0,} 最少0个,最多不限 ----- *

3)转义:


\n 换行
\d 数字
\
\\ \

\w 字母,数字,下划线_
\d 数字
\s 空白 tab 空格 换行

\W \D \S 是与小写字母相反的
eg:

1)  匹配  固定电话
规则:
        82323238
        5727323
        010-88234582
        0476-5329878

        如果有-,前面是3或4位数字
        如果有-,后面是7或8位数字
        一共不超过12位数字
        如果有区号,第一位是0
        可以没有区号
---------------------------------
分析:
    区号可有可无
    有区号:
        第一位是0
        3-4位
        -
    电话部分:
        第一位不是0      6-7位数字
---------------------------------
固定电话:
    var regx = /^(0[1-9]\d{1,2}\-)?[1-9]\d{6,7}$/;
---------------------------------

2)手机号:
    var regx = /^1[345789]\d{9}$/;
3)邮箱:
    var regx = /^\w{1,30}@[0-9a-z\-]{2,20}(\.[a-z1-9]{2,3}){1,2}$/;
4)年龄:
    var regx = /^(1[89])|([2-9]\d)|(100)$/;

二、ES6中新增的正则特性

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

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

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

1、修饰符
1)u(新增)

Unicode 模式”,用来正确处理大于\uFFFF的 Unicode 字符。也就是说,会正确处理四个字节的 UTF-16 编码。

  /^\uD83D/u.test('\uD83D\uDC2A') // false
  /^\uD83D/.test('\uD83D\uDC2A') // true

上面代码中,\uD83D\uDC2A是一个四个字节的 UTF-16 编码,代表一个字符。但是,ES5 不支持四个字节的 UTF-16 编码,会将其识别为两个字符,导致第二行代码结果为true。加了u修饰符以后,ES6 就会识别其为一个字符,所以第一行代码结果为false。

一旦加上u修饰符号,就会修改下面这些正则表达式的行为。

2、属性

相关文章

网友评论

    本文标题:正则表达式、ES6 中的表达式的新特性

    本文链接:https://www.haomeiwen.com/subject/kpcgvttx.html