JavaScript中常用的正则表达式日常整理(全)

JavaScript中常用的正则表达式日常整理(全)

正则表达式是处理文本的重要工具,在JavaScript中也经常使用正则表达式来匹配和处理字符串。这里整理了JavaScript中常用的正则表达式,供参考和学习使用。

匹配特定字符

匹配任意字符:.

.(点号)表示匹配任意字符,但是除了换行符。比如:

let str = "Hello World!";
let result = str.match(/l./g);
console.log(result); // ["ll", "ld"]

匹配数字:\d

\d表示匹配任意数字,等价于[0-9]。比如:

let str = "12345abcde";
let result = str.match(/\d+/g);
console.log(result); // ["12345"]

匹配字母:[a-zA-Z]

[a-zA-Z]表示匹配任意字母,包括大小写。比如:

let str = "Hello World!";
let result = str.match(/[a-z]/g);
console.log(result); // ["e", "l", "l", "o", "o", "r", "l", "d"]

匹配中文:[\u4e00-\u9fa5]

[\u4e00-\u9fa5]表示匹配任意中文字符。比如:

let str = "你好,世界!";
let result = str.match(/[\u4e00-\u9fa5]+/g);
console.log(result); // ["你好", "世界"]

匹配空白字符:\s

\s表示匹配任意空白字符,包括空格、制表符、换行符等。比如:

let str = "Hello   \tWorld!\n";
let result = str.match(/\s+/g);
console.log(result); // ["   ", "\t", "\n"]

匹配非空白字符:\S

\S表示匹配任意非空白字符。比如:

let str = "Hello   \tWorld!\n";
let result = str.match(/\S+/g);
console.log(result); // ["Hello", "World!"]

匹配字符集合

匹配多个字符中的一个:[...]

[...]表示匹配括号内的任意一个字符。比如:

let str = "Hello World!";
let result = str.match(/[eo]/g);
console.log(result); // ["e", "o", "o"]

匹配特定范围内的字符:[-]

[a-z]表示匹配a到z之间的任意一个字母,[0-9]表示匹配0到9之间的任意一个数字。比如:

let str = "Hello World!";
let result = str.match(/[a-m]/g);
console.log(result); // ["e", "l", "l"]

匹配不在指定范围内的字符:[^...]

[^...]表示匹配除了括号内字符以外的任意一个字符。比如:

let str = "Hello World!";
let result = str.match(/[^l]/g);
console.log(result); // ["H", "e", "o", " ", "W", "o", "r", "d", "!"]

匹配数量控制

匹配固定数量的字符:{}

{n}表示匹配前面紧跟的n个字符。比如:

let str = "abc123456abc789";
let result = str.match(/\d{3}/g);
console.log(result); // ["123", "456", "789"]

匹配至少n个字符:{n,}

{n,}表示匹配前面紧跟的至少n个字符。比如:

let str = "abc123456abc789";
let result = str.match(/\d{2,}/g);
console.log(result); // ["123456", "789"]

匹配n到m个字符:{n,m}

{n,m}表示匹配前面紧跟的n到m个字符。比如:

let str = "abc123456abc789";
let result = str.match(/\d{3,4}/g);
console.log(result); // ["1234", "5678"]

匹配0个或1个字符:?

?表示匹配前面紧跟的0个或1个字符。比如:

let str = "http://www.example.com";
let result = str.match(/https?/);
console.log(result); // ["http"]

匹配0个或多个字符:*

*表示匹配前面紧跟的0个或多个字符。比如:

let str = "abccccc";
let result = str.match(/abc*/g);
console.log(result); // ["abc", "abccccc"]

匹配1个或多个字符:+

+表示匹配前面紧跟的1个或多个字符。比如:

let str = "abccccc";
let result = str.match(/abc+/g);
console.log(result); // ["abc", "abccccc"]

匹配位置

匹配开头的位置:^

^表示匹配字符串的开头位置。比如:

let str = "abc123";
let result = str.match(/^\w+/g);
console.log(result); // ["abc"]

匹配结尾的位置:$

$表示匹配字符串的结尾位置。比如:

let str = "abc123";
let result = str.match(/\d+$/g);
console.log(result); // ["123"]

匹配单词边界:\b

\b表示匹配单词的边界,通常用于匹配单词的开头或结尾。比如:

let str = "Hello World!";
let result = str.match(/\bWorld/g);
console.log(result); // ["World"]

案例

验证邮箱地址

function isValidEmail(email) {
  return /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(email);
}

console.log(isValidEmail("test@example.com")); // true
console.log(isValidEmail("test.example.com")); // false

验证手机号码

function isValidPhoneNumber(phone) {
  return /^(13|14|15|17|18)[0-9]{9}$/.test(phone);
}

console.log(isValidPhoneNumber("13812345678")); // true
console.log(isValidPhoneNumber("21312345678")); // false

以上就是JavaScript中常用的正则表达式的日常整理,希望对大家有帮助。

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

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

相关文章

  • Date对象格式化函数代码

    下面是详细的“Date对象格式化函数代码”的攻略: 什么是Date对象 Date对象是JavaScript的内置对象之一,用于表示日期和时间,可以获取当前时间、创建指定日期时间的对象、设置日期时间等操作。该对象拥有一些常用的方法,例如getDate()、getFullYear()、getMonth()等,用于获取日期和时间中的具体值。 Date对象格式化函数…

    JavaScript 2023年6月10日
    00
  • JS判断数组那点事

    JS判断数组那点事:完整攻略 在JavaScript中,我们可以使用各种方式来判断一个变量是否为数组。本攻略将介绍一些常用的方法以及它们的优缺点。 1. 使用typeof运算符 我们可以使用typeof运算符来获取变量的数据类型。对于数组而言,typeof将返回”object”。因此可以使用typeof判断传入的参数是否为”object”,如果是则继续判断是…

    JavaScript 2023年5月27日
    00
  • js实现点击文本框显示日期选择器特效代码分享

    下面是详细的攻略: 1. 概述 日期选择器是网页开发中经常用到的功能,可以方便用户选择日期。在前端开发中,我们可以使用 JavaScript 实现一个点击文本框显示日期选择器的特效。下面将介绍具体的实现方法。 2. 实现步骤 2.1 HTML 结构 首先,在 HTML 中需要创建一个文本框和显示日期的容器。代码如下: <label for="…

    JavaScript 2023年5月27日
    00
  • JavaScript创建对象的七种方式(推荐)

    JavaScript创建对象的七种方式(推荐) 在JavaScript中,创建对象有多种方式。本文将介绍七种推荐的创建对象的方式。 1. 对象字面量 对象字面量是创建对象最常用、最简单的方式之一。使用花括号{}包裹对象中的属性和方法即可。 const person = { name: ‘Alice’, age: 30, sayHello() { consol…

    JavaScript 2023年5月27日
    00
  • vue-router后台鉴权流程实现

    下面我将为你详细讲解“vue-router后台鉴权流程实现”的完整攻略。 背景 Vue.js 是一款轻量级的前端框架,而 Vue Router 是 Vue.js 的官方路由库。在 Vue.js 应用开发中,Vue Router 经常被用于实现前端路由管理,来实现 SPA(单页应用)应用。但是,在实际开发中,我们常常需要做到前端用户权限管理,来保护我们的业务安…

    JavaScript 2023年6月11日
    00
  • js中toString方法3个作用

    我来为您讲解 “js中toString方法3个作用” 的完整攻略。 首先,JavaScript中的toString()方法可以将对象转换为字符串表示形式。其中,toString()方法存在于所有的JavaScript对象中,但其实现方式因对象而异。以下是toString()方法的三个作用: 1. 转换为字符串 对于基本数据类型,该方法返回其本身的字符串形式。…

    JavaScript 2023年6月10日
    00
  • vue后台返回格式为二进制流进行文件的下载方式

    当我们在处理后台返回的文件下载数据时,有时候会遇到后台返回数据格式为二进制流的情况。这种格式的数据在前端界面上无法直接显示,需要通过特殊的处理方式进行文件下载。下面是完整攻略。 1. 后台设置content-type 第一步是需要后台在返回数据时设置content-type为“application/octet-stream”,这个content-type是…

    JavaScript 2023年6月11日
    00
  • 浅谈JavaScript 覆盖原型以及更改原型

    浅谈JavaScript 覆盖原型以及更改原型 什么是原型 JavaScript 中,每一个对象都有一个原型对象,原型对象中存储了这个对象的方法和属性。如果对象中没有此属性或方法,则会去原型对象中查找,如果原型对象中仍然找不到,再去原型的原型中查找,形成原型链。最终,如果在原型链中还是找不到,则返回 undefined。 下面是一个示例: function …

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