javascript常用正则表达式合集

yizhihongxing

JavaScript常用正则表达式合集

正则表达式是一种强大的字符串匹配工具,可以在文本中找到特定的模式并进行替换、删除或提取操作。JavaScript常用正则表达式合集就是收集了一些在JavaScript中常见的正则表达式,让我们能够更加高效地应用正则表达式。

匹配数字

匹配数字的正则表达式可以用于验证表单中的数字输入是否合法,或者将文本中的数字提取出来作为其他操作的基础。

const pattern = /\d+/;
const str = 'abc123def';

console.log(pattern.test(str)); // true
console.log(str.match(pattern)); // ['123']

上面的代码中,正则表达式/\d+/代表匹配一个或多个数字,使用test()方法可以判断字符串是否匹配成功,使用match()方法可以获取匹配成功的结果。

匹配邮箱

匹配邮箱的正则表达式可以用于验证表单中输入的邮箱地址是否合法。

const pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
const str1 = 'abc@163.com';
const str2 = 'abc123@163.com.cn';
const str3 = 'abc@163.';

console.log(pattern.test(str1)); // true
console.log(pattern.test(str2)); // true
console.log(pattern.test(str3)); // false

上面的代码中,正则表达式/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/代表匹配邮箱地址,使用test()方法可以判断邮箱地址是否合法。

匹配手机号码

匹配手机号码的正则表达式可以用于验证表单中输入的手机号码是否合法。

const pattern = /^1[3456789]\d{9}$/;
const str1 = '13012345678';
const str2 = '18098765432';
const str3 = '12345678901';
const str4 = '1391234567a';

console.log(pattern.test(str1)); // true
console.log(pattern.test(str2)); // true
console.log(pattern.test(str3)); // false
console.log(pattern.test(str4)); // false

上面的代码中,正则表达式/^1[3456789]\d{9}$/代表匹配手机号码,使用test()方法可以判断手机号码是否合法。

匹配中文字符

匹配中文字符的正则表达式可以用于验证表单中输入的中文字符是否合法。

const pattern = /[\u4e00-\u9fa5]/;
const str1 = '中国';
const str2 = 'abc';
const str3 = '中a国';

console.log(pattern.test(str1)); // true
console.log(pattern.test(str2)); // false
console.log(pattern.test(str3)); // true

上面的代码中,正则表达式/[\u4e00-\u9fa5]/代表匹配中文字符,使用test()方法可以判断字符串中是否包含中文字符。

匹配URL

匹配URL的正则表达式可以用于提取出URL中的特定部分,或者验证URL是否合法。

const pattern = /(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)/;
const url = 'https://www.baidu.com/path/to/my/page.html';

console.log(url.match(pattern));
// ['https://www.baidu.com/path/to/my/page.html', 'https', 'www.baidu.com', '', '/path/to/my/page.html']

上面的代码中,正则表达式/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)/代表匹配URL,使用match()方法可以获取匹配成功的结果。

总结

上面列举了部分JavaScript常用的正则表达式及其应用,还有很多其他的应用场景和特定的正则表达式,需要根据具体的需求进行调整和应用。

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

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

相关文章

  • JS常见错误(Error)及处理方案详解

    JS常见错误(Error)及处理方案详解 JavaScript是一种弱类型语言,当我们编写JavaScript代码时,难免会出现错误。遇到这些错误时,可以通过了解常见的错误类型以及如何处理它们来提高我们的调试能力和代码质量。本文将介绍几种常见的JS错误,以及如何处理它们。 类型错误(TypeError) 当我们试图在一个不允许使用特定方法或属性的数据类型上使…

    JavaScript 2023年5月18日
    00
  • 详解JavaScript错误捕获

    详解JavaScript错误捕获 JavaScript错误捕获可以帮助我们更好地开发和调试代码。本文将详细介绍JavaScript错误捕获机制,并提供两个示例说明。 概述 JavaScript错误可以被分为两类:语法错误和运行时错误。语法错误在代码执行前就已经发现,并通过控制台报告错误。运行时错误在代码执行期间由浏览器发现,并且可以通过异常处理机制捕获。 以…

    JavaScript 2023年5月18日
    00
  • JavaScript实现打地鼠小游戏

    让我来介绍一下如何使用JavaScript实现打地鼠小游戏的攻略。这个攻略将涵盖整个实现过程,并且提供两个示例来帮助解释。 准备工作 首先,为了开始这个小游戏的开发,我们需要准备一些基本的工具和框架。以下是需要准备的内容: HTML:用于构建页面并显示游戏。 CSS:用于样式和布局方案。 JavaScript:用于游戏逻辑的实现。 图片资源:用于创建动画和显…

    JavaScript 2023年6月11日
    00
  • js传值后台中文出现乱码的解决方法

    下面是详细讲解“js传值后台中文出现乱码的解决方法”的完整攻略: 问题描述 在前端页面使用 JavaScript 传递参数给后台时,中文参数会出现乱码! 根本原因 乱码的出现是因为前端传递参数时,使用了不同的字符集编码。而后台在解析字符时使用的编码集与前端传递的不同,就导致中文字符的解析出现了不一致的问题。 解决方法 下面介绍两条解决办法: 方法一:转码传递…

    JavaScript 2023年5月19日
    00
  • JavaScript实现一个简易的计算器实例代码

    下面我来为你详细讲解JavaScript实现一个简易的计算器的完整攻略,主要分为以下几步: HTML结构搭建 首先,我们需要在HTML中创建相关的元素,可以通过表格的形式来实现。具体的代码如下: <table> <tr> <td colspan="4"><input type="text…

    JavaScript 2023年5月28日
    00
  • vue中路由跳转的方式有哪些你知道吗

    当我们使用Vue.js来构建单页面应用程序时,路由跳转是不可避免的。Vue.js提供了多种方式来实现路由跳转,下面是其中几种常用的方式: 1. 基于vue-router的声明式导航 为了使用vue-router,我们首先需要将其安装到我们的应用程序中,并且创建一个router实例,来管理我们的路由。然后,我们可以在Vue组件中使用声明式导航来实现路由跳转。 …

    JavaScript 2023年6月11日
    00
  • BootStrap Validator使用注意事项(必看篇)

    BootStrap Validator使用注意事项(必看篇) 作为一个前端开发者,你可能会经常使用Bootstrap框架来开发网站。其中,Bootstrap Validator是Bootstrap框架中一个非常有用的jQuery插件,可以用于表单验证。在使用Bootstrap Validator时,需要注意以下事项: 1. 引用依赖文件 在使用Bootstr…

    JavaScript 2023年6月10日
    00
  • jQuery使用cookie与json简单实现购物车功能

    下面是详细讲解“jQuery使用cookie与json简单实现购物车功能”的完整攻略: 简介 购物车是电商网站必不可少的功能,通过购物车,用户可以将自己关心的商品加入到购物车中,然后在统一的界面进行管理、筛选、结算等操作。本攻略将讲解如何使用 jQuery、JSON、Cookie 等技术实现购物车功能。 步骤讲解 步骤1:购物车结构设计 首先,我们需要考虑购…

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