当前位置是:帝豪2娱乐 > 公司动态 > 公司动态

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

来源:wehoppe.com 作者:这过 发布时间:2018-04-09 点击量:

  

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

  

本文实例讲述了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程序设计有所帮助。

  




上一篇:帝豪2娱乐:jQuery文字提示与图片提示效果实现方法

下一篇:没有了