javascript常用正则表达式汇总

yizhihongxing

Javascript常用正则表达式汇总

正则表达式是一种强大的工具,可以用来匹配、查找和替换文本中的模式。在JavaScript中,也可以通过正则表达式来完成字符串的相关操作。这里汇总了JavaScript中常用的正则表达式,希望能够帮助大家更好地处理字符串。

匹配数字

要匹配数字,可以使用\d来表示数字字符,加上一个可选的+*表示匹配一次或者多次。下面是两个示例:

  • 匹配以数字结尾的字符串
const str = "hello123";
const pattern = /\d+$/;
const result = pattern.test(str); // true
  • 匹配包含数字的字符串
const str = "I am 18 years old.";
const pattern = /\d+/g; // 使用g全局标志可以匹配多个数字
const result = str.match(pattern); // ['18']

匹配邮箱地址

下面的正则表达式可以用来匹配邮箱地址:

const pattern = /^[\w-\.]+@[\w\.-]+\.[a-z]{2,}$/i;

这个表达式包含了邮箱地址中可能包含的各种字符,同时也对邮箱的后缀进行了限制,保证了匹配的准确性和安全性。

匹配URL

如果需要匹配URL,可以使用下面的正则表达式:

const pattern = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;

该正则表达式可以识别以httphttps开头的URL,同时对于URL中可能包含的各种字符进行了限制,保证了匹配的准确性和安全性。

匹配电话号码

下面的正则表达式可以用来匹配电话号码:

const pattern = /^\d{3}-\d{8}|\d{4}-\d{7}$/;

该正则表达式可以匹配形式为XXX-XXXXXXXX或者XXXX-XXXXXXX的电话号码。

匹配身份证号码

下面的正则表达式可以用来匹配身份证号码:

const pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

该正则表达式可以匹配15位或者18位身份证号码,其中最后一位可以是数字或者X。

以上是JavaScript常用的正则表达式的汇总,希望对大家有所帮助。

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

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

相关文章

  • JavaScript通过使用onerror设置默认图像显示代替alt

    什么是onerror? onerror 是一个事件处理器,它可以触发当一个图像载入失败时。 如何使用onerror显示默认图像? 使用 onerror 处理器,我们可以设置默认图像来代替那些引起 onerror 事件的图像。示例代码如下: <img src="image.png" alt="Some text" …

    JavaScript 2023年5月28日
    00
  • js函数使用技巧之 setTimeout(function(){},0)

    js函数使用技巧之 setTimeout(function(){},0) 什么是setTimeout? setTimeout函数是JavaScript语言的核心函数之一,用于在指定的毫秒数后执行一次函数。它常用来处理一些需要延迟执行的任务,例如触发某个事件后,需要等一段时间后才能执行相应的操作。 如何使用 setTimeout? setTimeout函数接受…

    JavaScript 2023年6月11日
    00
  • JavaScript之引用类型介绍

    下面是详细讲解“JavaScript之引用类型介绍”的完整攻略。 引用类型介绍 在JavaScript中,除了基本类型(number、string、boolean、null、undefined)之外,还有一类特殊的类型,被称为引用类型。引用类型是由多个值组成的对象。 对象 对象是引用类型的最基本类型。对象是由多个键值对组成的属性集合。 创建对象有两种方式,一…

    JavaScript 2023年5月19日
    00
  • javascript数组操作(创建、元素删除、数组的拷贝)

    下面我来给你讲解一下 JavaScript 数组操作(创建、元素删除、数组的拷贝)的完整攻略。 创建数组 数组是 JavaScript 中的一种特殊的数据类型,用逗号分隔的多个值,可以使用数组字面量语法创建数组,也可以使用 Array 构造函数来创建数组。 数组字面量语法创建数组 可以使用方括号 [] 创建一个空数组,并用逗号分隔元素。例如: let arr…

    JavaScript 2023年5月27日
    00
  • js实现三角形粒子运动

    当我们需要实现三角形形式的粒子运动效果时,可以使用JavaScript来实现。下面是实现的完整攻略。 步骤一:准备工作 首先要准备好基本的HTML和CSS代码,用来在页面上展示三角形和粒子运动效果。 其中HTML需要包含一个canvas元素,用来在页面上绘制三角形和粒子,代码如下: <canvas id="canvas">&l…

    JavaScript 2023年6月11日
    00
  • JavaScript重定向URL参数的两种方法小结

    下面是JavaScript重定向URL参数的两种方法小结的详细攻略。 简介 在开发Web应用程序时,我们可能需要将用户重定向到另一个页面,并传递一些数据。这些数据可以作为URL参数传递。JavaScript可以轻松地重定向到另一个URL,并将参数添加到它上面。 本文将介绍两种JavaScript重定向URL参数的方法,分别是通过window.location…

    JavaScript 2023年6月11日
    00
  • JS如何操作DOM基于表格动态展示数据

    操作DOM基于表格动态展示数据是Web开发中常用的技术。JavaScript是DOM操作的主力军。下面是操作DOM基于表格动态展示数据的完整攻略: 1. 数据渲染 在JavaScript中,可以通过插值表达式、DOM操作等方式将数据渲染到HTML页面。下面我们将介绍两个渲染数据的示例。 1.1 使用innerHTML渲染表格 使用innerHTML属性,可以…

    JavaScript 2023年6月10日
    00
  • css3强大的动画效果animate使用说明及浏览器兼容介绍

    CSS3强大的动画效果Animate使用说明及浏览器兼容介绍 简介 在网站设计中,动画效果通常能增加用户的交互体验和视觉效果。而CSS3中的动画效果Animate提供了一种简单易用的方式去实现动效,同时支持现代化的浏览器,减少了开发者编写JavaScript代码的工作量。 使用说明 安装 Animate是由第三方JavaScript库jQuery UI提供的…

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