初学Web前端要注意什么?正则表达式是怎么回事?很多初学Web前端的同学对于正则表达式的印象就是难学,全是各种各样的特殊符号,完全没有规律可循,根本不知道怎么下手。不过真正了解正则表达式之后,你会发现相关的字符并不多,也不难理解。接下来就给大家梳理一下正则表达式相关的知识点。

什么是正则表达式?正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去匹配符合规则的字符。正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、C#,它们都提供相应的接口/函数支持正则表达式。

一个正则表达式就是由普通字符(例如字符a到z)以及特殊字符(称为元字符)组成的文字模式,该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。相关的正则字符有以下几种:

1、元字符。相关字符及作用说明如下:

语法说明

.匹配除换行符以外的任意字符

w匹配字母或数字或下划线或汉字

s匹配任意的空白符

d匹配数字

b匹配单词的开始或结束

^匹配字符串的开始

$匹配字符串结束

2、反义。如果你不想匹配某些字符,可以使用反义元字符:

语法说明

W匹配任意不是字母,数字,下划线,汉字的字符

S匹配任意不是空白符的字符

D匹配任意非数字的字符

B匹配不是单词开头或结束的位置

[^x]匹配除了x以外的任意字符

[^aeiou]匹配除了aeiou这几个字母以外的任意字符

3、重复限定词。为了处理重复问题,正则表达式中设定一些重复限定符,把重复部分用合适的限定符替代:

语法说明

*重复零次或更多次

+重复一次或更多次

?重复零次或一次

{n}重复n次

{n,}重复n次或更多次

{n,m}重复n到m次

4、分组。正则表达式中用小括号()来做分组,也就是括号中的内容作为一个整体。

因此当我们要匹配字符串中包含0到多个ab开头,语法是:^(ab)*

5、转义。转义的出现是为了将元字符、限定符或者关键字转义成普通的字符。做法是在要转义的字符前面加个斜杠,即。如:要匹配以(ab)开头:^((ab))*

6、 条件或。正则用符号|来表示或,也叫做分支条件,当满足正则里的分支条件的任何一种条件时,都会当成是匹配成功。比如联通130/131/132/155/156/185/186/145/176等号段,让我们匹配一个联通的号码,那么我们就可以用或条件来处理这个问题: ^(130|131|132|155|156|185|186|145|176)d{8}$

7、区间。正则提供一个元字符中括号 [] 来表示区间条件。限定0到9可以写成[0-9],限定A-Z写成[A-Z],限定某些数字[165]。

当然,正则表达式中的语法还包括捕获与非捕获、贪婪和非贪婪、反向引用、零宽断言等,在此就不一一列举了。如果你想了解更多Web前端相关知识,​建议参加专业的学习方式。

数字开头的正则表达式_初学Web前端要注意什么 正则表达式是怎么回事相关推荐

  1. hbuilder前端需要的插件_初学Web前端会用到开发工具(附官网下载地址)

    目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址. ...

  2. web前端知识点太多_初学web前端,学习方法容易走偏,这是为什么?

    一.了解web前端 所谓"知己知彼,百战不殆",在学习web前端之前,还是让我们先了解一下什么是web前端吧! 所有用户终端产品与视觉和交互有关的部分,都属于前端开发的领域.从狭义 ...

  3. 好程序员web前端分享使用JavaScript正则表达式如何去掉双引号

    为什么80%的码农都做不了架构师?>>>    好程序员web前端分享使用JavaScript正则表达式如何去掉双引号,最近接了一个项目,项目需求需要用js正则表达式过滤掉页面文本域 ...

  4. 初学WEB前端的建议,你不看给别人可惜了!

    初学WEB前端的建议 计算机语言及发展历程(了解) 计算机语言 : c语言 java c++ php python JavaScript VBScript c# 计算机语言发展 第一代 : 机器语言 ...

  5. 前端如何实现网络速度测试功能_分析Web前端测试要点,从架构原理上进行分析,希望大家能够掌握...

    基于Web前端分析过程,大概有十几个测试要点,我们今天主要来讲解结合前五个要点进行详细解说.前端测试点主要针对前端展开,什么叫前端分析呢?就是我们所有的分析和测试要点所站的视角都是针对客户端或者浏览器 ...

  6. python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...

    热门推荐 html/css 一.escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读.编码之后的... 标签: 0 ...

  7. python命名规则数字开头的成语_浅谈Python中带_的变量或函数命名

    搜索热词 Python 的代码风格由 PEP 8 描述.这个文档描述了 Python 编程风格的方方面面.在遵守这个文档的条件下,不同程序员编写的 Python 代码可以保持最大程度的相似风格.这样就 ...

  8. 初学Web前端会用到开发工具【零基础web前端入门视频教程】

    目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址. ...

  9. 前端工程师需要学习ps 吗_转行web前端,新手需要学习什么?

    7天免费试听,0基础入门,高薪就业,推荐就业,小班面对面授课 一.前端工程师的主要职责 前端工程师在不同的公司工作内容不同,但工作性质大体相似: 1.网站设计与网页界面开发 2.设计.开发.数据 3. ...

最新文章

  1. 钱包一般链接那个节点_Zcash屏蔽地址漏洞或揭示全节点IP地址(附解决方案)...
  2. 【Android 插件化】多开原理 | 使用插件化技术的恶意应用 | 插件化的其它风险 | 应用开发推荐方案
  3. C# 强制关闭当前程序进程(完全Kill掉不留痕迹)
  4. RxSwift之深入解析如何创建Observable序列
  5. SAP CRM里Interaction Object是个什么东东
  6. P3703-[SDOI2017]树点涂色【LCT,线段树】
  7. nginx 限制某些类型的客户端的访问
  8. 内存恶鬼drawRect - 谈画图功能的内存优化
  9. SFML 与 VS2015 的安装配置
  10. CCIE学习(4)——VLAN基础
  11. spring-data-redis和jedis版本对应问题
  12. 为什么我的程序在完全循环8192个元素时会变慢?
  13. 圣多米尼克高中有计算机课吗,院校库_VPEA北美留学院校数据查询中心
  14. CSS 实现水晶按钮特效 - 来自 www.codesc.net
  15. 【风光摄影】用滤镜在前期控制完美光比
  16. php cli python,PHP MVC框架 CodeIgniter CLI模式简介
  17. golang中base64编码_golang中base64编码和解码
  18. 易语言助手安装后 导致易语言一打开就卡死的解决
  19. 全闪存数据中心首次落地后,银行业数字化冲破“天花板”
  20. 第十三章 外星人来了

热门文章

  1. 图像检索:CNN对Hash组算法的颠覆
  2. Delphi中点击网页弹出的Alert对话框的确定按钮
  3. Win32下病毒设计入门详细解说
  4. 如何动态改变框架的大小[转]
  5. SQL数据库恢复后出现对象名无效(SQL Server备份还原时造成孤立用户的解决方案
  6. 函数的多态性以及虚函数
  7. SI 和 DI 寄存器的区别
  8. Java中toString函数干嘛用?
  9. Struts2学习总结二
  10. 最小生成树与最短路径的区别以及实现方法