欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6学习笔记之正则表达式和字符串正则方法分析

程序员文章站 2022-06-06 12:37:03
本文实例讲述了es6正则表达式和字符串正则方法。分享给大家供大家参考,具体如下: regexp构造函数 在es5中,regexp构造函数的参数有两种情况。 第一种情况...

本文实例讲述了es6正则表达式和字符串正则方法。分享给大家供大家参考,具体如下:

regexp构造函数

在es5中,regexp构造函数的参数有两种情况。

第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。

var regex = new regexp('xyz', 'i');
// 等价于
var regex = /xyz/i;

第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。

var regex = new regexp(/xyz/i);
// 等价于
var regex = /xyz/i;

但是,es5不允许此时使用第二个参数,添加修饰符,否则会报错。

var regex = new regexp(/xyz/, i);
// uncaught typeerror: cannot supply flags when constructing one regexp from another

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

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

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

字符串的正则方法

字符串对象共有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]

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

ps:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

javascript正则表达式在线测试工具:

正则表达式在线生成工具:

更多关于javascript相关内容感兴趣的读者可查看本站专题:《ecmascript6(es6)入门教程》、《javascript正则表达式技巧大全》、《javascript替换操作技巧总结》、《javascript查找算法技巧总结》、《javascript数据结构与算法技巧总结》、《javascript错误与调试技巧总结》及《javascript数学运算用法总结

希望本文所述对大家javascript程序设计有所帮助。