javascript高级程序设计(第三版)学习笔记(一) 正则表达式整理

首先,需要解释一下该学习笔记的主题——正则表达式。

正则表达式

正则表达式,又称为“正则式”、“规则表达式”、“正规表达式”,是一种针对某种模式(字符串)进行匹配的工具。它通常被应用于字符串搜索、替换和拆分等场景。

正则表达式语法

正则表达式有自己独特的语法和规则,以下是一些常见的语法以及它们的意义:

  • /pattern/:表示一个正则表达式模式,将被用于字符串匹配。
  • ^:表示以某个字符开头的模式。
  • $:表示以某个字符结尾的模式。
  • .:表示任意字符的通配符。
  • []:表示匹配方括号内任意字符之一的范围。
  • |:表示逻辑“或”操作。两个模式之间用 | 分隔,表示匹配其中任意一个模式即可。

除了以上这些,还有许多其他的语法。具体的语法规则可以参考 JavaScript 的正则表达式文档,比如:MDN web docs - 正则表达式

正则表达式示例

以下是两个示例,用于说明正则表达式的应用场景。

示例一:查找邮件地址

正则表达式用来查找是否包含符合邮件地址的字符串,其正则表达式的示例如下:

/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/

其中,该示例的字符集包括:数字、字母(大写和小写)、下划线、点、减号、加号。

示例二:查找图片链接

正则表达式用来查找是否包含符合图片链接地址的字符串,其正则表达式的示例如下:

/\<img.*?src\=(\'|\")(.*?)\\1/

其中,该示例中的 \1 表示匹配第一个引号,\2 表示匹配图片链接地址。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript高级程序设计(第三版)学习笔记(一) 正则表达式整理 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 关于Javascript 对象(object)的prototype

    Javascript对象的prototype 在Javascript中对象是至关重要的部分,所有对象都是通过原型继承而来的。原型指的是任何Javascript对象都有一个指向原型的链接,可以通过该链接来访问原型对象的属性和方法。 为了更好的理解Javascript对象的prototype,需要首先了解Javascript中的几个重要概念: 原型链(proto…

    JavaScript 2023年5月27日
    00
  • JavaScript数组Array对象增加和删除元素方法总结

    JavaScript数组Array对象增加和删除元素方法总结 增加元素 push() 方法 可以使用push()方法将元素添加到数组的末尾。 语法: arr.push(item1, item2, …, itemX) 示例: var fruits = ["apple", "banana"]; fruits.push(…

    JavaScript 2023年5月27日
    00
  • js如何根据id删除数组中对象

    首先,要根据id删除数组中的对象,我们需要对该数组进行遍历,并找到该对象所在的索引位置。接下来,我们可以使用splice()函数删除该位置的对象。 具体步骤如下: 定义一个数组,包含多个对象,每个对象都有一个id属性。 let arr = [ {id: 1, name: ‘Tom’}, {id: 2, name: ‘Jerry’}, {id: 3, name…

    JavaScript 2023年6月11日
    00
  • JS高阶函数原理与用法实例分析

    JS高阶函数原理与用法实例分析 什么是高阶函数? 在JavaScript语言中,高阶函数是指能够以函数作为参数或返回值的函数。换句话说,高阶函数是处理其他函数的函数。 高阶函数的原理 在JavaScript中,函数本身就是一种对象,可以像其他对象一样作为函数参数或返回值传递。高阶函数的原理就是基于这种JavaScript函数作为对象的特性实现。 通过高阶函数…

    JavaScript 2023年5月27日
    00
  • 详解用js代码触发dom事件的实现方案

    下面是详解用JS代码触发DOM事件的实现方案的攻略。 什么是DOM事件? DOM事件,是当用户与网页交互时产生的事件。例如,当用户点击鼠标、滚动页面或按下键盘时,都会触发DOM事件。 如何用JS代码触发DOM事件? 我们可以使用JS代码来模拟用户与网页交互,从而触发DOM事件。以下是三种JS代码触发DOM事件的实现方案: 利用dispatchEvent方法 …

    JavaScript 2023年6月10日
    00
  • 不刷新网页就能链接新的js文件方法总结

    “不刷新网页就能链接新的JS文件”是通过AJAX技术实现的。基本流程如下: 使用XMLHttpRequest对象定义AJAX请求。 发送AJAX请求到服务器,获取JS文件的内容。 将新的JS代码注入到页面中。 以下是详细的实现步骤: 1. 定义AJAX请求 function loadScript(url, callback) { var xhr = new …

    JavaScript 2023年5月27日
    00
  • 记录-实现深拷贝的四种方式

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 概念介绍 深拷贝:在堆内存中重新开辟一个存储空间,完全克隆一个一模一样的对象 浅拷贝:不在堆内存中重新开辟空间,只复制栈内存中的引用地址。本质上两个对象(数组)依然指向同一块存储空间 第一种:递归方式(推荐,项目中最安全最常用) 使用递归的方式进行对象(数组)的深拷贝 奉上已封装的深拷贝函数? /…

    JavaScript 2023年4月22日
    00
  • js replace正则相关的诡异问题

    首先,我们需要了解replace方法是用于将一个字符串中的指定字符或正则表达式替换成新的字符串。在使用replace方法时,通常会用到正则表达式来匹配需要替换的字符串。 但是,在使用replace方法时,如果我们将正则表达式中的括号与g全局标记一起使用时,容易出现一些诡异的问题。下面,我将列举两个示例来说明这个问题。 示例一: const str = ’12…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部