ECMAScript6--4.正则扩展

2017-10-18 本文已影响19人飞菲fly

1.正则新增特性

构造函数的变化
正则方法的扩展
字符串处理的一些正则方法，在ES6中已经是调用了正则对象的方法；
u修饰符
y修饰符
s修饰符

eg1.构造函数发生的变化
ES6的写法：
1.允许第一个参数是正则表达式的方式；
2.允许第二个参数在去填写这个修饰符，结果就是后面的修饰符会覆盖前边正则表达式所用的修饰符；

    {
    //ES5中正则第一种写法：两个参数（第一个参数必须是字符串）
    let regex = new RegExp('xyz','i');//i忽略大小写

    //ES5中第二种写法：1个参数
    let regex2 = new RegExp(/xyz/i);
    
    console.log(regex.test('xyz123'),regex2.test('xyz123'));//true true
         
    //ES6的写法：      
    flags 获取正则对象修饰符的一个属性；        
    //用这种方法生成构造函数，第二个参数的修饰符会覆盖第一个参数所指定的ig修饰符
    let regex3 = new RegExp(/xyz/ig,'i');
    console.log(regex3.flags); //i

}

2.y修饰符
--g和y修饰符都是全局匹配；
* 全局匹配的不同点是：
g：是从上一次匹配的位置继续寻找直到找到匹配的位置开始；
不强调是必须是在我匹配的下一个字符开始匹配；
（不强调必须是第一个就匹配上，中间任何位置匹配上都算）
y:匹配的第一个必须是紧跟着的下一个字符开始匹配成功才算；

{
    let s ='bbb_bb_b';
    let a1 = /b+/g;
    let a2 =/b+/y;
    
    console.log('one',a1.exec(s),a2.exec(s));
    //输出：
    one {"bbb",index:0,input:"bbb_bb_b"}     {"bbb",index:0,input:"bbb_bb_b"}
    
    console.log('two',a1.exec(s),a2.exec(s));
    //输出：
    1.用g做修饰符a1继续匹配到了“bb”;
    2.用y做修饰符最后匹配的结果是null；
    bbb之后第一个是_(下划线)已经不满足b+这种匹配模式，导致匹配失败；
    two {"bb",index:4,input:"bbb_bb_b"}  null
    
    
    // *如何判断当前的正则对象是不是开启了粘连模式（y修饰符这种模式）；
    ---sticky
    console.log(a1.sticky,a2.sticky);//false true

}

3.u修饰符--u(unicode的缩写)
在正则处理unicode字符的时候的一个特征值；
* u修饰符作用：
1.处理的字符串正则表达式中有大于两个字节长度的字符，一定要加u；
2.点字符（.）并不是能匹配所有的字符；条件是：要小于两个字节长度的一个字符；

{
    // /^uD83D/匹配模式  '\uD83D\uDC2A'匹配字符串
    console.log('u-1',/^uD83D/.test('\uD83D\uDC2A'));
//u-1 true 没加u会把4个字节当成了两个字母或两个字符；这个对应的是两个字符；所以可以匹配成功；
    console.log('u-2',/^uD83D/u.test('\uD83D\uDC2A'));
    //u-2 false u会把4个字节当做一个字符；相当于unicode中一个编码对应的一个字符；

    //{61}是作为一个unicode字符的，不加u是不会被识别的；
    console.log(/\u{61}/.test('a')); //false
    //大括号里面放的是unicode编码，一定要加上u修饰符才能被js解释器成功识别
    console.log(/\u{61}/u.test('a')); //true

--*原来正则匹配中有个点字符（.）可以代表任意字符，这个点字符只是能识别小于0xf这么一个unicode
   字符；如果这个字符的unicode编码超过两个字节就没法识别了；
 --点字符有四个字符是不能处理的：换行符、回车符、行分隔符、段分隔符；
 --点字符在u修饰符下可以识别超过两个字节长度的unicode字符，但是遇到换行符、回车符、行分隔符、
     段分隔符，这个要加s修饰符（ES6目前没有实现）；
   
    \u{}表示是一个unicode编码；
    
     console.log('\u{20BB7}');//吉
     
     let s='吉';
     console.log('u',/^.$/.test(s));//u false
     console.log('u-2',/^.$/u.test(s));//u-2 true

*---如果你的字符串中有的字符是大于两个字节的，一定要加u修饰符，才能正确的去识别；    


    console.log('test',/吉{2}/.test('吉吉'));//test false
    console.log('test-2',/吉{2}/u.test('吉吉'));//test-2 true
}

4.s修饰符
在ES6并没有真正实现，只是作为提案；
--点字符在u修饰符下可以识别超过两个字节长度的unicode字符，但是遇到换行符、回车符、行分隔符、段分隔符，这个要加s修饰符（ES6目前没有实现）；

ECMAScript6--4.正则扩展

猜你喜欢

热点阅读