前端正则表达式基础

RdouTyping 发布于2019-08-23 11:59 / 1722人阅读

摘要：目标解决两个问题不认识，怎么办不会写，怎么办实例化对象字面量构造函数正则基础修饰符全局匹配会查找所有匹配，不会在查找到第一个匹配时就停止执行对大小写不敏感的匹配执行多行匹配正则进阶贪婪模式和非贪婪模式贪婪模式默认大非贪婪模式量词后加大正则

目标：解决两个问题

不认识，怎么办？

不会写，怎么办？

/^(?!0+(?:.0+)?$)(?:[1-9]d*|0)(?:.d{1,2})?$/

实例化RegExp对象

字面量 ：var reg = /is/g;

构造函数：var reg = new RegExp("is","g");

正则基础——修饰符

g 全局匹配（会查找所有匹配，不会在查找到第一个匹配时就停止）
i 执行对大小写不敏感的匹配
m 执行多行匹配

正则进阶——贪婪模式和非贪婪模式

// 贪婪模式(默认):

"1234ab".replace(/d{3,4}/g,"大")

// 非贪婪模式: 量词后加？

"1234ab".replace(/d{3,4}?/g,"大")

正则进阶——分组

// 使用()达到分组效果

"xingxing".replace(/xing{2}/,"大’)

"xingxing".replace(/(xing){2}/,"大")

正则进阶——或

// 使用 | 达到或的效果

Hai|xing

H(ai|xi)ng

正则进阶——前瞻和后顾

// 前瞻： exp1(?=exp2)     查找exp2前面的exp1

    "window2003".replace(/window(?=d{4})/,"大")

// 负前瞻:  exp1(?!exp2)     查找后面不是exp2的exp1

    "window200".replace(/window(?!d{4})/,"大")

// 后顾(js不支持):  (?<=exp2)exp1   查找exp2后面的exp1

    "2003window".replace(/(?<=d{4})window/g,"大")

// 负后顾(js不支持):  (?
参考资料
可视化工具：https://jex.im/regulex
慕课网视频教程：https://www.imooc.com/video/1...

GPU云服务器云服务器正则表达式基础正则正则表达式正则匹配正则表达式 -正则表达式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97797.html

前端培训-初级阶段（13） - 正则表达式

摘要：前端培训初级阶段语法变量值类型运算符语句前端培训初级阶段内置对象函数前端培训初级阶段类模块继承基础内容知识我们会用到。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。该文为前端培训-初级阶段（1...

suemi 2019-08-26 13:43 评论0 收藏0
走近正则：仿Nodejs的Url模块到前端

摘要：正则学起来说真的，不去正儿八经的学正则，对付一般的工作是没啥问题的，虽然我们可能会经常用到，但毕竟度娘能提供大多时候你想要的可当我看一些框架的源码，总会被里面一长串一长串的正则给吓到之前一篇博客里有关于简单的爬虫实践，其实离达到我预期的效果正则学起来说真的，不去正儿八经的学正则，对付一般的工作是没啥问题的，虽然我们可能会经常用到replace，但毕竟度娘能提供大多时候你想要的；可当...

HitenDev 2019-08-20 10:33 评论0 收藏0
前端计划——JavaScript正则表达式快速入门

摘要：前言正则表达式时处理字符串中常用的手法，本文以简单的方式，快速展示了中正则相关的基础知识点。文末还提供了几个简单的正则相关面试题。接下来是正则部分，注意后面的并不匹配，也就是比如，实际匹配的值是和，在和后面加上，就完成了预期。前言：正则表达式时处理字符串中常用的手法，本文以简单的方式，快速展示了JavaScript中正则相关的基础知识点。文末还提供了几个简单的正则相关面试题。个人总结...

Xufc 2019-08-20 17:15 评论0 收藏0
[前端工坊]正则表达式-从模糊到清晰

摘要：作者京东商城成都研究院研发部卢兴元正则表达式从模糊到清晰什么是正则简单点，正则是一些用来匹配和处理文本的字符串或者叫工具，往往用于查找特定的信息搜索，或者查找并编辑特定的信息替换。文章来自微信公众号：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相关原创技术文章。如果喜欢，请关注公众号：前端工坊版权归公众号所有，转载请注明出处。作者：京东商城-成都研究院-JSHO...

FullStackDeveloper 2019-08-02 15:59 评论0 收藏0