阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JS 正则表达式 教程

      写在前面

      html

      这是一个基于JavaScript的正则表达式教程,请先确定下是否和你使用的语言相符。虽然正则表达式每个语言都差不多,但是本教程的所有讲解和案例都是基于JavaScript这门语言进行的,其他语言不保证全部都能用。

      正则表达式是用于匹配字符串中字符的规则。

      英语全称:Regular Expression,简称 **RegExp**;

      当然如果你想深入研究正则表达式,那么只需要按部就班的看完这个教程就足够了,讲的非常深入!看完以后,在正则表达式领域的学习,基本就算学到顶了。

      学会本教程的知识点,无论是什么级别的面试,只要是问到正则表达式相关的知识,都可以通过;

      视频教程

      本教程还配有视频版的正则教程,喜欢看视频来学习的小伙伴,可以在我的B站上查看

      JavaScript正则表达式教程 : https://www.bilibili.com/video/BV145411Y7Tz

      关于扩展思考题

      本教程内会有很多扩展思考题,就是讲到某一个知识点,由此展开的一些相关问题,希望学习完以后,或者学习途中,停下来思考下,并自己写出答案。

      正则表达式能干啥?

      工作中遇到一些有规律的脏累活,都可以用正则表达式来处理;比如前端的表单提交之前,某个字符串的格式验证;或者获取某些有规律的数据中的目标信息,这时候用正则表达式来搞,是非常明智的选择!

      别的方法需要很多操作,用 Javascript 的正则表达式几行代码的事情就搞定;而且我们平时使用的编辑器都支持正则的,学的知识都可以用在平时的使用;

      正则表达式是繁琐的,但它是强大的,学会之后;除了让你提高效率外,还会给你带来绝对的成就感。

      为什么使用正则表达式?

      典型的搜索和替换操作,要求您提供与预期的搜索结果匹配的确切文本。

      虽然这种技术对于对静态文本执行简单搜索和替换任务可能已经足够了,但它缺乏灵活性,若采用这种方法搜索动态文本,即使不是不可能,至少也会变得很困难。

      通过使用正则表达式,可以:

      • 数据验证
        • 例如,可以测试输入字符串,以查看字符串内是否出现电话号码模式或信用卡号码模式。这称为数据验证。
      • 替换文本
        • 可以使用正则表达式来识别文档中的特定文本,完全删除该文本或者用其他文本替换它。
      • 匹配特定模式并提取子字符串
        • 可以查找文档内或输入域内特定的文本。

      例如,您可能需要搜索整个网站,删除过时的材料,以及替换某些 HTML 格式标记。在这种情况下,可以使用正则表达式来确定在每个文件中是否出现该材料或该 HTML 格式标记。此过程将受影响的文件列表缩小到包含需要删除或更改的材料的那些文件。然后可以使用正则表达式来删除过时的材料。最后,可以使用正则表达式来搜索和替换标记。

      基本语法

      一个正则表达式通常被称为一个模式(pattern),为用来描述或者匹配一系列符合某个句法规则的字符串。

      例如:Handel、Händel 和 Haendel 这三个字符串,都可以由 H(a|ä|ae)ndel 这个模式来描述

      正则表达式的特点

      正则表达式的特点是:

      1. 灵活性、逻辑性和功能性非常强;
      2. 可以迅速地用极简单的方式达到字符串的复杂控制。
      3. 对于刚接触的人来说,比较晦涩难懂。

      由于正则表达式主要应用对象是文本,因此它在各种文本编辑器场合都有应用,小到著名编辑器 EditPlus,大到 Microsoft Word、Visual Studio 等大型编辑器,都可以使用正则表达式来处理文本内容。

      参考

      下面是本站整理的帮助学习正则的扩展知识,供参考!

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录