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

yizhihongxing

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日

相关文章

  • 最佳JS代码编写的14条技巧

    下面我将详细讲解“最佳JS代码编写的14条技巧”的完整攻略。 1. 使用语义化的命名 在编写JS代码时,我们应该尽可能使用语义化的命名,以便代码更加易读易懂。比如,在定义变量名时,应该尽量使用描述性的单词。 例如: let userName = ‘John Doe’; 这样命名,不仅可以让阅读者更快速地了解变量的意义,还可以让代码更具可读性。 2. 减少全局…

    JavaScript 2023年5月27日
    00
  • js比较日期大小的方法

    需要比较日期大小的场景在JavaScript开发中非常常见,下面给出几种不同的比较日期大小的方法,供大家参考。 通过日期对象的valueOf()方法比较 JavaScript中日期对象有一个valueOf()方法,可以返回从1970年1月1日00:00:00起到该日期对象所代表的时间的毫秒数,因此可以通过比较两个日期对象的valueOf()方法返回值大小来判…

    JavaScript 2023年5月27日
    00
  • three.js简单实现类似七圣召唤的掷骰子

    下面是“three.js简单实现类似七圣召唤的掷骰子”的完整攻略。 准备工作 首先在项目中导入three.js库,可从其官网获取。 创建一个canvas画布并在其中渲染3D场景,例如: “` 3. 在准备好场景之后,需要导入骰子模型。可以在网上下载一些骰子模型文件(如OBJ、FBX等),也可以自行制作。然后在渲染场景前,通过THREE中的`MTLLoade…

    JavaScript 2023年6月10日
    00
  • 关于Javascript闭包与应用的详解

    关于JavaScript闭包与应用的详解 什么是闭包 简单来讲,闭包就是函数和函数所持有的变量的组合体。当一个函数内部定义了另一个函数,并将这个内部函数返回时,包含这个内部函数及其所引用的变量的部分一起称为闭包。 function outerFunction() { let outerVariable = ‘I am outer!’; function in…

    JavaScript 2023年6月10日
    00
  • js获取触发事件元素在整个网页中的绝对坐标(示例代码)

    正常情况下,通过JavaScript获取元素坐标有两种方式:相对于视口的位置(即viewport)和相对于文档的位置。获取相对于整个文档的坐标,也被称为获取元素的绝对坐标。 方法一:使用element.getBoundingClientRect() element.getBoundingClientRect()可以返回元素的大小及其相对于视口的位置。该方法返…

    JavaScript 2023年6月10日
    00
  • JS中apply()的应用实例分析

    JS中apply()的应用实例分析 什么是apply()? JS中的apply()是Function对象自带的一个方法,它的作用是调用函数并将对象作为第一个参数进行传递,第二个参数是一个包含传递给函数的参数的数组。 语法:function.apply(thisArg, [argsArray]) thisArg:在函数中某个对象将被用作“this”对象。 ar…

    JavaScript 2023年5月28日
    00
  • 详解vue-router 2.0 常用基础知识点之router.push()

    详解vue-router 2.0常用基础知识点之router.push() 1. 概述 router.push()是vue-router 2.0的一种基础跳转方式,用于在当前路由下添加一个新路由,并且将浏览器URL跳转到新路由地址,这是vue-router中最常用的一种跳转方式之一。 2. 语法 router.push(location, onComplet…

    JavaScript 2023年6月11日
    00
  • jQuery AJAX回调函数this指向问题

    jQuery AJAX 是一种利用 JavaScript 来异步发送 HTTP 请求的技术,它可以让 Web 页面的内容实时更新而不需要进行页面刷新。 回调函数是 AJAX 的核心,它允许在请求完成时通过调用指定的函数来处理服务器响应。但是回调函数中的 this 指向经常会导致问题。下面我们就来看看如何解决这个问题。 问题描述 通常,如果在 jQuery 的…

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