JS常用正则表达式总结【经典】

下面是对“JS常用正则表达式总结【经典】”这个话题的完整解释:

什么是正则表达式

正则表达式(Regular Expression)又称正规表示式,是对字符串操作的一种逻辑公式,就是字符串匹配的工具,是一种文本模式,包括普通字符和元字符(特殊的字符)构成。正则表达式可以用来检索、替换和匹配字符串中的字符。

常用的正则表达式

下面介绍一下常用的正则表达式及其含义:

  1. 匹配邮箱地址

/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/

  • 说明:这个正则表达式可以用来匹配邮箱地址,w+表示匹配字符或数字或下划线或者这三个的组合,然后是一个域名的部分,@后面是域名,最后是一个后缀名。

  • 示例:

var re = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
console.log(re.test("123456@qq.com")); // true
console.log(re.test("123456@localhost.com")); // true
console.log(re.test("123456@localhost")); // false

  1. 匹配手机号码

/^1[34578]\d{9}$/;

  • 说明:这个正则表达式用来匹配中国大陆的手机号码,以1开头,第二位数字是3、4、5、7、8里的一个,然后后面接着9个数字。

  • 示例:

var re = /^1[34578]\d{9}$/;
console.log(re.test("13888888888")); // true
console.log(re.test("18888888888")); // true
console.log(re.test("08613888888888")); // false

总结

上面只列举了两个常用的正则表达式,还有很多其他的,比如匹配身份证号码、匹配URL地址等等。在使用正则表达式时,需要注意一些规则,比如匹配贪婪模式和非贪婪模式、匹配修饰符等等。正则表达式的学习需要结合实际的应用场景,多练习、多使用才能熟练掌握。

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

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

相关文章

  • JavaScript 对任意元素,自定义右键菜单的实现方法

    实现自定义右键菜单的方法主要分为以下几步: 绑定鼠标右键事件 创建菜单元素 定位菜单元素 显示/隐藏菜单元素 处理菜单项的操作 具体地实现方式如下: 1. 绑定鼠标右键事件 我们可以通过监听 contextmenu 事件来实现右键菜单的显示。该事件是当用户在某个元素上右键点击鼠标时触发的。 示例代码如下: document.addEventListener(…

    JavaScript 2023年6月10日
    00
  • react-router JS 控制路由跳转实例

    下面我将为您详细讲解”react-router JS 控制路由跳转实例”的攻略步骤。 步骤一:安装react-router 在项目中安装react-router-dom依赖包,react-router-dom是基于React的DOM封装,提供了一些跟浏览器url地址相关的组件。 npm install react-router-dom –save 步骤二:…

    JavaScript 2023年6月11日
    00
  • vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作

    Vue 路由缓存 Vue 路由缓存可以让我们实现页面跳转之后保留原来页面的滚动位置、输入内容等状态。在 Vue 中,仅需在路由配置中加入 keep-alive 属性即可。示例如下: <template> <div> <router-view v-if="$route.meta.keepAlive">&l…

    JavaScript 2023年6月11日
    00
  • 浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总

    浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总 1. JS刷新框架中的其他页面 在JS刷新框架中,要刷新其他页面,可以使用以下代码: window.parent.location.reload(); 此代码可以重新加载父窗口中当前页面所在的框架集的所有页面。 同时,我们还可以利用window.open方法打开一个新的窗口,然后再用w…

    JavaScript 2023年6月11日
    00
  • 彻底搞懂JS无缝滚动代码

    下面是我对“彻底搞懂JS无缝滚动代码”的完整攻略。 背景介绍 无缝滚动是网页中常见的交互效果,例如图片轮播、新闻滚动等。JavaScript是实现无缝滚动最常用的方法之一,而JS实现无缝滚动的方式又有很多种。本攻略将介绍其中一种实现方式。 具体实现方法 HTML部分 首先需要在HTML中创建一个装载滚动内容的容器元素,例如DIV: <div id=&q…

    JavaScript 2023年6月11日
    00
  • 20道JS原理题助你面试一臂之力(必看)

    《20道JS原理题助你面试一臂之力(必看)》是一篇介绍 JavaScript 基础知识的面试题攻略文章,共包含20道题目。以下是该文章的完整攻略: 1. 什么是原型链?如何理解原型链? 1.1 定义 原型链是 JS 的一种基本机制,用于实现对象之间的继承。每一个对象都有一个指向另一个对象的指针,称之为原型 prototype。当我们访问一个对象的属性或方法时…

    JavaScript 2023年5月19日
    00
  • 分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

    这里是分享自定义的console类让JS调试代码更方便的攻略: 1. 创建一个自定义的Console类 创建一个可以封装原生console使其在不同浏览器环境下具有兼容性的类,示例代码如下: class CustomConsole { constructor() { this.logHistory = []; this.registerConsoleMeth…

    JavaScript 2023年6月11日
    00
  • javascript面向对象包装类Class封装类库剖析

    JavaScript面向对象包装类Class封装类库剖析 在JavaScript中,面向对象通常使用函数和原型来实现。然而,使用这种方式在使用时容易出错,尤其是涉及到继承和多态时。为了解决这个问题,JavaScript ES6引入了“类”(Class)这个概念,从而使得JavaScript更加符合面向对象的编程思想。在本文中,我们将会介绍如何封装一个Java…

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