在 ES5 中

RegExp 构造函数的参数有两种情况

  • RegExp(字符串, 正则表达式的修饰符)
  • RegExp(正则表达式);
  • var regex = new RegExp('xyz', 'i');
    
    // 等价于
    var regex = new RegExp(/xyz/i); // 不能再有 第二参数修饰符,否则会报错 // 等价于
    var regex = /xyz/i;
  • lastIndex 属性 指定每次搜索的开始位置,修饰符从这个位置开始向后搜索,直到发现匹配为止
  • const REGEX = /a/g;
    
    REGEX.lastIndex = 2;    // 指定从2号位置(y)开始匹配
    const match = REGEX.exec('xaya'); // 匹配成功
    match.index; // 3 // 在3号位置匹配成功 REGEX.lastIndex; // 4 // 下一次匹配从4号位开始
    REGEX.exec('xaya'); // null // 4号位开始匹配失败

在 ES6 中

如果 RegExp 构造函数第一个参数是一个正则对象,那么还是可以使用第二个参数指定修饰符。

而且,返回的正则表达式会忽略原有的正则表达式的修饰符,只使用新指定的修饰符

  • new RegExp(/abc/ig, 'i').flags    // "i"   而不是 'ig'
  • 字符串的正则方法

字符串对象共有 4 个方法,可以使用正则表达式:match()replace()search()split()

ES6 将这 4 个方法,在语言内部全部调用 RegExp 的实例方法,从而做到所有与正则相关的方法,全都定义在 RegExp 对象上

  • String.prototype.match    调用    RegExp.prototype[Symbol.match]
    String.prototype.replace 调用 RegExp.prototype[Symbol.replace]
    String.prototype.search 调用 RegExp.prototype[Symbol.search]
    String.prototype.split 调用 RegExp.prototype[Symbol.split]
  • 添加了 修饰符,含义为“Unicode 模式”,

用来正确处理大于 \uFFFF 的 Unicode 字符。

也就是说,会正确处理四个字节的 UTF-16 编码

  • /^\uD83D/u.test('\uD83D\uDC2A');    // false
    /^\uD83D/.test('\uD83D\uDC2A'); // true
  • 必须加 u 修饰符 的情况
  • ES6 新增了使用大括号表示 Unicode 字符,这种表示法在正则表达式中必须加上u修饰符,才能识别当中的大括号,否则会被解读为量词
  • /\u{61}/.test('a');    // false
    /\u{61}/u.test('a'); // true
    /\u{20BB7}/u.test('

    ECMA Script 6_RegExp 正则表达式的更多相关文章

    1. ECMA Script 6_简单介绍

      ECMAScript 6 ECMA 组织 前身是 欧洲计算机制造商协会 指定和发布脚本语言规范,标准在每年的 6 月份正式发布一次,作为当年的正式版本 这样一来,就不需要以前的版本号了,只要用年份标记 ...

    2. ECMA Script 6_模块加载方案 ES6 Module 模块语法_import_export

      1. 模块加载方案 commonJS 背景: 历史上,JavaScript 一直没有模块(module)体系, 无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来. 其他语言都有这项功能: ...

    3. ECMA script 6的新特性

      简单介绍下ES6的新特性: (1)箭头操作符 :简化了函数的书写 (2)类的支持:引入了class关键字,对象的创建,继承更加直观,父类方法的调用,实例化,构造函数等概念更加形象化. (3)增强的对象 ...

    4. ECMA Script 6_数值的扩展

      1. 二进制 和 八进制 新的表示法 前缀 0b(或0B) 表示 二进制 前缀 0o(或 0O )表示 八进制 console.log(0b111110111 === 503); // true co ...

    5. ECMA Script 6_数组的扩展_扩展运算符

      1. 扩展运算符 内部调用的是数据结构的 Iterator 接口, 因此只要具有 Iterator 接口的对象,都可以使用扩展运算符 ... 如 map,,,, [...arr] 扩展运算符(spre ...

    6. ECMA Script 6_异步编程之 Promise

      Promise 对象 异步编程 方案,已同步的方式表达异步的代码,解决回调地狱的问题 比传统的解决方案——回调函数和事件——更合理和更强大 是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步 ...

    7. ECMA Script 6_必须要知道的基础

      ES6 为了保持兼容性,var 命令和 function 命令声明的全局变量,依旧是顶层对象的属性: 另一方面规定,let 命令.const 命令.class 命令声明的全局变量,不属于 window ...

    8. ECMA Script 6_解构赋值_模式匹配

      解构赋值 从数组中提取值,按照对应位置,对变量赋值 只要等号右边的值不是对象或数组,就先将其转为对象. 由于 undefined 和 null 无法转为对象,所以对它们进行解构赋值,都会报错 let ...

    9. ECMA Script 6_字符串_扩展_字符 是4字节还是2字节?_模板字符串

      ES6 字符串扩展 ES6 加强了对 Unicode 的支持,并且扩展了字符串对象 字符 的 Unicode 表示法 允许采用 \uxxxx 形式表示一个字符, 其中 xxxx 表示字符的 Unico ...

    随机推荐

    1. 图解Tomcat类加载机制(阿里面试题)

      Tomcat的类加载机制是违反了双亲委托原则的,对于一些未加载的非基础类(Object,String等),各个web应用自己的类加载器(WebAppClassLoader)会优先加载,加载不到时再交给 ...

    2. windows上编译zlib-1.2.8

      MSVC编译 使用VS(x86)命令行工具进入到zlib根目录,执行 nmake -f win32/Makefile.msc ,在根目录下生成:zlib.lib(静态库)  zdll.lib(动态库的 ...

    3. vue-cli3.X 打包后上传服务器刷新报 404的问题

      vue-cli3.X 默认配置 比2.X体验好很多,比如路由 如图,本地正常,传到服务器,因为二级目录,刷新就404,或 502等,找不到文件 nginx解决: location /{ error_p ...

    4. Leetcode#191. Number of 1 Bits(位1的个数)

      题目描述 编写一个函数,输入是一个无符号整数,返回其二进制表达式中数字位数为 '1' 的个数(也被称为汉明重量). 示例 : 输入: 11 输出: 3 解释: 整数 11 的二进制表示为 000000 ...

    5. django的一些常用指令

      生成Django项目 django-admin startproject mysite 启动服务 python manage.py runserver 本地化中间件 'django.mididdlew ...

    6. WPF 之 调用线程必须为 STA,因为许多 UI 组件都需要

      WPF中,代码中准备控制控件内容时,有时会报错:“ 调用线程必须为 STA,因为许多 UI 组件都需要 ”. 如在winform下面,使用多线程时,控件的值读取是可以的,但如果要更改,那么就必须进行一 ...

    7. CentOS安装Supervisor

      什么是Supervisor Supervisor是一个进程控制系统. 它是一个C/S系统,服务端是supervisord进程,控制端使用supervisorctl来进行控制启动进程.同时它也提供了一个 ...

    8. 详解HTTPS、TLS、SSL

      HTTPS.TLS.SSL HTTP也称作HTTP over TLS.TLS的前身是SSL,TLS 1.0通常被标示为SSL 3.1,TLS 1.1为SSL 3.2,TLS 1.2为SSL 3.3.下 ...

    9. C/C++的20个位运算技巧

      一提起位运算,人们往往想到它的高效性,无论是嵌入式编程还是优化系统的核心代码,适当的运用位运算总是一种迷人的手段,或者当您求职的时候,在代码中写入适当的位运算也会让您的程序增加一丝亮点,最初当我读&l ...

    10. Bootstrap-datepicker3官方文档中文翻译---概述(原文链接 http://bootstrap-datepicker.readthedocs.io/en/latest/index.html)

      bootstrap-datepicker Bootstrap-datepicker 提供了一个拥有Bootstrap样式的弹性Datepicker控件 Requirements/使用要求 Bootst ...