当前位置:首页 > 日记 > 正文

ES2015 正则表达式新增特性

ES2015 正则表达式新增特性

ES2015 正则表达式新增特性:

在原来正则表达式基础上,ES2015增强了对四字节unicode字符的支持等功能。

更多正则表达式内容可以参阅正则表达式教程板块。

一.RegExp构造函数的使用:

在ES2015之前,使用RegExp构造函数创建正则表达式对象有两种方式:

创建方式一:

var reg = new RegExp("antzone","g");

构造函数的第一个参数是正则表达式字符串主体,第二个参数是正则表达式修饰符。
上面的代码等价于下面代码:

var regex = /antzone/g;

创建方式二:

var reg = new RegExp(/antzone/g);

如果参数不是正则表达式字符串,那么只能够有一个参数;下面的写法是错误的:

var reg = new RegExp(/antzone/,g);

不允许使用第二个参数设置正则表达式修饰符。
ES2015改变这一行为,即便是第一个参数是正则表达式对象,也可以规定第二个参数:

var reg = new RegExp(/antzone/gi,"g");

第二个参数规定的正则表达式修饰符会覆盖第一个参数中的修饰符。

二.字符串的正则方法:

正则表达式相关的match()、replace()、search()和split()方法属于字符串对象。
ES2015对此作了修改,当调用这四个方法的时候,实际上内部调用的是RegExp对象的实例方法。
(1).String.prototype.match 调用 RegExp.prototype[Symbol.match]。
(2).String.prototype.replace 调用 RegExp.prototype[Symbol.replace]
(3).String.prototype.search 调用 RegExp.prototype[Symbol.search]
(3).String.prototype.split 调用 RegExp.prototype[Symbol.split]
关于Symbol可以参阅ES2015 Symbol一章节。

三.后行断言(ES2016):

后行断言可以参阅正则表达式零宽断言一章节。

四.新增修饰符:

五.新增属性:


修饰符 描述
u修饰符 此修饰符标识能够正确处理大于\uFFFF的Unicode字符。
y修饰符 规定只能从lastIndex属性规定的位置开始进行匹配,匹配失败不会再去尝试后面的字符。

六.新增方法:

属性 描述
sticky属性 返回一个布尔值,用来标识是否设置了y修饰符。
flags属性 返回正则表达式的修饰符。

相关文章

wps的excel另存为在哪里

wps的excel另存为在哪里

另存为,使用方法,电脑软件,wps,excel,  使用软件的朋友知道退出需要保存文件,但是有一种情况就是不想覆盖旧文件怎么办?很简单任何软件中都有一个另存为功能可以轻松保存多个文件,下面给大家分享Excel另存为的方法。excel另存为的使用方法1.…

ps怎么设计一款红色的UI时钟元素图

ps怎么设计一款红色的UI时钟元素图

元素,红色,时钟,图标,电脑软件,今天我们就来看看ps设计一款时钟ui图的教程,不过如果想要矢量图还是使用ai设计比较好。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、新建文件,这里需要做一个底,就是中…

PS怎么制作一个简单的引线?

PS怎么制作一个简单的引线?

引线,简单,电脑软件,PS,PS怎么是做简单的引线图形?下面我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开ps 2、新建文档3、找到矩形工具栏点右键4、出现工具栏点击直线工…

ps基础教程:Photoshop CS6自由变换

ps基础教程:Photoshop CS6自由变换

变换,命令,使用方法,基础教程,自由,怎样熟练使用PS当中的自由变换?ps是我们常用的图片编辑软件,现在的美工每一个都要求学会的一个软件。ps对我们平时办公也是很重要的,尤其是一些基础的功能,如自由变换命令。那么,ps自由变换命令怎么用呢?接下来…

详解在Vue中通过自定义指令获取dom

详解在Vue中通过自定义指令获取dom

元素,自定义指令,详解,电脑软件,Vue,vue.js 是数据绑定的框架,大部分情况下我们都不需要直接操作 DOM Element,但在某些时候,我们还是有获取DOM Element的需求的; 在 vue.js 中,获取某个DOM Element常用的方法是将这个元素改成一个组件 (compone…

ps怎么设计一款巧克力奶油文字效果

ps怎么设计一款巧克力奶油文字效果

奶油,文字效果,电脑软件,ps,简单但效果超棒的PS教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、下面是效果图。2、新建立一个图层大小随自己喜好没有过多要求,建立背景添加紫红色的径向渐变。3…

整理关于Bootstrap导航的慕课笔记

整理关于Bootstrap导航的慕课笔记

导航,笔记,电脑软件,Bootstrap,整理自慕课笔记基础样式导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一,可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百怪,五花八门。在这一节中将向大家介…

微信小程序商城项目之购物数量加减

微信小程序商城项目之购物数量加减

数量,商城项目,加减,程序,电脑软件,我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示:在宝贝详情页里:在购物车里:现在就为大家介绍这个小组件,在小程序中,该如何去写下图为本项目的图:wxml:<!-- 主容器 --> <view class="stepper">…

手机wps怎么制作表格图文教程

手机wps怎么制作表格图文教程

步骤,图文教程,绘制,方法,表格,  我们有时需要在wps中绘制表格,而身边没有电脑,怎么办?这时我们可以使用手机版本的wps绘制表格,下面就让小编告诉你如何使用手机wps绘制表格的方法,希望能帮到大家。手机wps绘制表格的方法步骤手机wps绘制表格…

JS判断非空至少输入两个字符的简单

JS判断非空至少输入两个字符的简单

简单实现,输入,字符,方法,两个,dialog是我项目方法,你应该替换成alert(),或者你自己的var str = $("#stuName").val(); if (str.length < 2) { dialog("提示", "text:请输入至少两位字符", 300, "auto", ""); return…

详解Spring mvc ant path的使用方

详解Spring mvc ant path的使用方

使用方法,详解,电脑软件,Spring,ant,详解Spring mvc ant path的使用方法概要:任何一个WEB都需要解决URL与请求处理器之间的映射,spring MVC也是一样,但Spring MVC就像Spring所作的一切一样(灵活,可以配置各种东西,但是也造成了很多复杂性),肯定不…

ES6扩展运算符用法实例分析

ES6扩展运算符用法实例分析

扩展,实例分析,运算符,电脑软件,本文实例讲述了ES6扩展运算符用法。分享给大家供大家参考,具体如下:扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值,扩展运算符有以下几点作用一、展开数组//展开数组let a = [1…

软件日记
方法 描述
RegExp.escape()(ES2016)