常用的正则表达式实例整理

yizhihongxing

针对“常用的正则表达式实例整理”,我会从以下几个方面来详细讲解:

  1. 什么是正则表达式?
  2. 常用的正则表达式实例整理
  3. 示例说明
  4. 如何测试正则表达式的匹配效果?

什么是正则表达式?

正则表达式是用于模式匹配的一个工具,它可以在文本中搜索指定的模式并进行各种操作。使用正则表达式可以快速检索文本,替换文本中的一些特定内容,或者验证表单的输入等等。

常用的正则表达式实例整理

下面列出了一些常见的正则表达式实例:

  1. 匹配数字:^\d+$
  2. 匹配邮箱:^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+$
  3. 匹配网址:^((http|https)://)?[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+([a-zA-Z0-9_-.,@?^=%&:/~+#]*[a-zA-Z0-9_-@?^=%&/~+#])?$
  4. 匹配 IP 地址:^(25[0-5]|2[0-4][0-9]|[1]?[1-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[1]?[1-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[1]?[1-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[1]?[1-9][0-9]?)$
  5. 匹配用户名:^[a-zA-Z]\w{5,17}$
  6. 匹配手机号码:^1([3456789])\d{9}$
  7. 匹配密码:^[a-zA-Z]\w{5,17}$
  8. 匹配日期(1990-01-01 ~ 2022-12-31):^(199\d|20[01]\d|202[0-2])-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$

示例说明

以匹配数字为例,^\d+$表示以数字开头,以数字结尾,中间包含任意个数字。其中,^表示开头,\d表示一个数字,+表示出现一次或多次,$表示结尾。

另外,以匹配手机号码为例,^1([3456789])\d{9}$表示以“1”开头,第二位是3、4、5、6、7、8、9中的一个,后面接任意9位数字。其中,括号内的内容是一个分组,\d表示一个数字,{9}表示出现9次。

具体每个符号的含义可以参考 正则表达式常用符号及含义

如何测试正则表达式的匹配效果?

可以使用在线工具或者编程语言提供的正则表达式相关函数来测试,下面以使用 JavaScript 的 match() 函数测试为例:

let str = "my phone number is 18888888888.";
let pattern = /^1([3456789])\d{9}$/;
console.log(str.match(pattern));

上述测试代码中,将正则表达式赋给 pattern 变量,使用 match() 函数测试 str 字符串是否符合 pattern 的要求,输出结果为 ["18888888888", "8", index: 20, input: "my phone number is 18888888888.", groups: undefined] 表示匹配成功,匹配到的字符串为 18888888888,分组匹配到的字符串为 8,匹配到的字符串位于 str 的第20个位置。可以通过 return 的值是否为 null 来判断匹配是否合法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:常用的正则表达式实例整理 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • 详解JavaScript中的坐标和距离

    请看下面的完整攻略。 详解JavaScript中的坐标和距离 在JavaScript编程中,经常需要计算元素的坐标和距离信息。这些信息是布局、交互和动画等方面的重要基础,必须掌握。 坐标的获取 在HTML文档中,每个元素都有一个位置和大小,可以通过offsetLeft、offsetTop、offsetWidth、offsetHeight属性获取。 例如,下面…

    css 2023年6月10日
    00
  • css设置body背景图片满屏的实例代码

    让我来详细讲解一下如何使用 CSS 设置 body 背景图片满屏的实例代码。 基本步骤 使用 CSS 设置背景图片,需要遵循以下基本步骤: 在 HTML 页面中的 head 标签内添加样式表链接: html <head> <link rel=”stylesheet” type=”text/css” href=”styles.css”>…

    css 2023年6月9日
    00
  • Vue.js 2.0 和 React、Augular等其他前端框架大比拼

    Vue.js 2.0 和 React、Angular等其他前端框架大比拼 前端框架是前端开发人员最为重要的工具之一,其中Vue.js 2.0、React和Angular是目前较为流行的三种框架。本文将分别从以下几个方面对这三种框架进行比较和分析。 性能 从性能方面来看,Vue.js 2.0 可以说是三个框架中最快的,因为Vue.js的Virtual DOM(…

    css 2023年6月9日
    00
  • JS+DIV+CSS实现的经典标签切换效果代码

    JS+DIV+CSS实现的经典标签切换效果,通常需要使用JavaScript实现动态的切换效果,具体步骤如下: HTML结构 首先,我们需要编写HTML代码,包含表示标签的ul列表和对应内容的div块,例如: <ul class="tab-header"> <li class="active">…

    css 2023年6月9日
    00
  • CSS实现元素浮动和清除浮动的方法

    针对“CSS实现元素浮动和清除浮动的方法”,下面是一个详细的攻略: 一、什么是元素浮动? 在CSS中,元素的浮动是指将某个元素从它原有位置向左或向右移动,直到它的左边缘或右边缘触及包含它的容器或另一个浮动元素为止。CSS中常用的浮动方式有左浮动(float: left;)和右浮动(float: right;)。 使用浮动布局的好处在于可以让元素从正常的文档流…

    css 2023年6月10日
    00
  • HTML常用标签大全及html标签的特点

    HTML常用标签大全及HTML标签的特点是学习HTML语言的基础,本文详细介绍HTML标签的种类、用途和语法规则,帮助读者快速掌握HTML语言的核心知识。 HTML常用标签种类 HTML常用标签分为文本标签、框架标签、表单标签、样式标签和脚本标签五大类。 文本标签 文本标签用于设置网页中的文本内容,包括标题、段落、列表、超链接、图片等。 标题标签 标题标签用…

    css 2023年6月9日
    00
  • css中有序无序列表项list样式设置方法

    当我们在网页中使用列表时,为了美观和方便阅读,我们通常会为列表样式加上一些CSS样式。其中,有序列表和无序列表可以分别设置不同的样式。 一、无序列表样式设置 无序列表用 标签来表示,其默认的样式为实心点,我们可以通过CSS来修改其样式。 1. 修改默认实心点为其他符号 我们可以使用list-style-type属性来修改无序列表的标志符号。常见的符号有实心点…

    css 2023年6月9日
    00
  • JavaScript 图片放大镜(可拖放、缩放效果)第4/4页

    这篇攻略是针对实现 JavaScript 图片放大镜(可拖放、缩放效果)的第四个页面进行细致的讲解。该页面主要实现的是放大镜的拖动和缩放效果。以下是详细的攻略: 步骤一:添加 HTML 结构 首先,我们需要在 HTML 文件中添加放大镜所需的结构,代码如下所示: <div class="container"> <div …

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