什么是 RegExp？

正则表达式描述了字符的模式对象。

当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

简单的模式可以是一个单独的字符。

更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。

您可以规定字符串中的检索位置，以及要检索的字符类型，等等。

RegExp对象是原生JavaScript中表示正则表达式的对象。

创建对象的方法为：var RegExp = new RegExp(pattern, attributes);

参数pattern指定正则表达式的规则或者表示正则表达式模式的字符串；

参数attributes为可选参数，表示匹配模式的修饰符。包含3个参数：

1.  i：执行对大小写不敏感匹配；

<script text="text/javascript">
　　var txt = 'Hello World!'
　　var reg = new RegExp('hello', 'i');
　　if(reg.test(txt)) {
　　　　console.log(txt.match(reg));
　　}
</script>

2.  g：执行全局匹配（查找所有匹配项而非找到第一个匹配项后停止）；

<script text="text/javascript">
  var txt = 'This is just a test.'
  var reg = new RegExp('is', 'g');//区分大小写
  var reg01 = new RegExp('is', 'gi');//不区分大小写
  if(reg.test(txt)) {
    console.log(txt.match(reg));//["is", "is"]
    console.log(txt.match(reg).length);//2
  }
</script>

3.  m：执行多行匹配（若不设置该属性，^（$）只与整个被搜索字符串的开始（结尾）位置开始匹配；若设置该属性，^（$）还可以与被搜索字符串的“\r”或“\n”之后位置开始匹配）。

<script type="text/javascript">
  //以下代码不能够匹配字符串"an"，尽管"an"后面已经换行了，但"an"并不是字符串行的结尾。
  var txt1 = 'This is an\n apple'; 
  var reg1 = /an$/;
  console.log(txt1.match(reg1));//null
  //以下代码能够匹配到字符串"an"
  var txt2 = 'This is an\n apple';
  var reg2 = /an$/m;
  console.log(txt2.match(reg2));//["an", index: 8, input: "This is an↵ apple"]  
  //以下是多行匹配开头示例
  var txt3 = 'This is an\n apple';
  var reg3 = /^\sapp/;
  console.log(txt3.match(reg3));//null
  
  var txt4 = 'This is an\n apple';
  var reg4 = /^\sapp/m;// /^ app/m
  console.log(txt4.match(reg4));//[" app", index: 11, input: "This is an↵ apple"]
</script>

i,g,m三个修饰符可以相互组合同时使用。

以上m修饰符中的示例中var reg4 = /^\sapp/的"\"是一个转义字符，如果使用构造函数创建RegExp对象时，应将正则表达式中的"\"用"\\"进行代替：

<script type="text/javascript">
  var txt4 = 'This is an\n apple';
  var reg4 = new RegExp('^\\sapp', 'm');
  console.log(txt4.match(reg4));//[" app", index: 11, input: "This is an↵ apple"]
</script>

RegExp对象属性

1.global

　　返回正则表达式是否具有"g"修饰符；

<script type="text/javascript">
  var txt = 'This is just a test';
  var reg = new RegExp('st', 'g');
  if(reg.global) {
    console.log(txt.match(reg));//["st", "st"]
  }
</script>

2.ignoreCase

　　返回正则表达式是否具有"i"修饰符；

3.multiline

　　返回正则表达式是否具有"m"修饰符；

4.lastIndex

　　标记下一次匹配开始时所在字符串的位置；

<script type="text/javascript">
  var txt = 'If you love code, you should code everyday.';
  var reg = new RegExp('ou', 'g');
  var length = txt.match(reg).length;
  for(var i = 0; i < length; i++) {
    reg.test(txt);
    console.log(reg.lastIndex);
  }
</script>

5.source

　　返回正则表达式进行模式匹配的文本或表达式，返回的文本中不包括修饰符"i"，"g"，"m"，也不包括正则表达式直接量使用的定界符

<script>
  var reg1 = new RegExp('yoho', 'm');
  var reg2 = new RegExp('\\w');
  var reg3 = /\w/m;
  console.log(reg1.source);//yoho
  console.log(reg2.source);//\w
  console.log(reg3.source);//\w
</script>

RegExp对象方法

1.compile

　　改变或重新编译正则表达式（Opera浏览器不支持该方法）

　　对于正则表达式的重新定义，以下方法就可以实现，所以对于此方法的应用场景，我也不是很清楚

<script>
  var reg = new RegExp('ou', 'g');
  reg = /\w/;
</script>

2.exec

　　检索字符串中正则表达式的匹配结果

<script>
  var txt = 'If you love code, you should code everyday.';
  var reg = new RegExp('ou', 'g');
  var length = txt.match(reg).length;
  for(var i = 0; i < length; i++) {
    console.log(reg.exec(txt));
  }
</script>

3.test

　　检测字符串是否与匹配正则表达式匹配

<script>
  var txt = 'I code everyday.';
  var reg = new RegExp('code');
  console.log(reg.test(txt));//true
</script>

以上所述是小编给大家介绍的JavaScript RegExp对象，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# javascript  # regexp  # regexp对象  # 深入浅析JavaScript中的RegExp对象  # RegExp 随笔 JavaScript RegExp 对象  # 浅谈JS正则表达式的RegExp对象和括号的使用  # JS正则中的RegExp对象对象  # js正则表达式之RegExp对象之compile方法 编译正则表达式  # javascript RegExp对象(正则表达式)  # JavaScript RegExp 对象用法详解  # 正则表达式  # 修饰符  # 是一个  # 小编  # 我也  # 也不  # 还可以  # 第一个  # 在此  # 不是很  # 您可以  # 给大家  # 不支持  # 可以使用  # 可选  # 并可  # 而非  # 不包括  # 若不  # 不能够 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： canvas 画布在主流浏览器中的尺寸限制详细介绍  Python面向对象测试方法_mock解析【教程】  js实现点击每个li节点，都弹出其文本值及修改  如何获取免费开源的自助建站系统源码？  JavaScript如何实现倒计时_时间函数如何精确控制  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  如何在宝塔面板中创建新站点？  如何在阿里云ECS服务器部署织梦CMS网站？  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  香港服务器部署网站为何提示未备案？  昵图网官网入口 昵图网素材平台官方入口  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  PHP 500报错的快速解决方法  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  如何快速打造个性化非模板自助建站？  EditPlus 正则表达式 实战(3)  Laravel如何创建自定义Facades？（详细步骤）  青岛网站建设如何选择本地服务器？  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  如何用好域名打造高点击率的自主建站？  iOS发送验证码倒计时应用  Java解压缩zip - 解压缩多个文件或文件夹实例  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  如何在IIS中新建站点并配置端口与IP地址？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  什么是javascript作用域_全局和局部作用域有什么区别？  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  如何为不同团队 ID 动态生成多个“认领值班”按钮  浅谈redis在项目中的应用  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  SQL查询语句优化的实用方法总结  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  香港服务器租用每月最低只需15元？  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  Laravel Fortify是什么，和Jetstream有什么关系  EditPlus中的正则表达式实战(5)  如何在IIS服务器上快速部署高效网站？  Laravel API资源类怎么用_Laravel API Resource数据转换  Laravel如何自定义分页视图？（Pagination示例）  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  轻松掌握MySQL函数中的last_insert_id()  再谈Python中的字符串与字符编码（推荐）  手机软键盘弹出时影响布局的解决方法  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  如何用免费手机建站系统零基础打造专业网站？  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作