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日

相关文章

  • 2019年百度前端工程师面试题(附答案)

    关于 “2019年百度前端工程师面试题(附答案)” 的完整攻略,我会从以下几个方面进行讲解: 答题技巧 题目分类 示例讲解 1. 答题技巧 首先,我们需要了解一些答题技巧,来帮助我们更好地回答面试题。 首先,阅读题目时一定要仔细,理解清楚题目要求和限制。 其次,如果遇到复杂的题目或者不理解的概念,不要惊慌,可以先思考一下如何简化问题,或者查看相关的资料。 除…

    JavaScript 2023年5月19日
    00
  • 详解JavaScript是如何验证URL的

    下面是关于 JavaScript 如何验证 URL 的详细讲解。 什么是 URL URL(Uniform Resource Locator,统一资源定位符)是指Internet上的标准资源的地址。URL由协议、主机名(有时包括端口号)、路径和查询组成。例如,https://www.example.com/blog?id=123 是一个 URL。 JavaSc…

    JavaScript 2023年6月10日
    00
  • Canvas在超级玛丽游戏中的应用详解

    Canvas在超级玛丽游戏中的应用详解 Canvas是HTML5的一项功能,它为开发者提供了一种基于JavaScript操作图形和动画的方式。在游戏开发中,Canvas可以用来实现2D游戏的绘制和渲染。超级玛丽是一款非常受欢迎的游戏,下面将详细讲解Canvas在超级玛丽游戏中的应用。 一、Canvas游戏开发基础 在使用Canvas开发游戏前,我们需要了解一…

    JavaScript 2023年6月11日
    00
  • javascript操作符”!~”详解

    JavaScript操作符 “!~” 详解 操作符说明 在 JavaScript 中,符号 “!~” 是两个操作符的组合。 其中 “!” 是逻辑否定运算符,用于将一个布尔值取反。如果原值为 true,则取反后的值为 false。如果原值为 false,则取反后的值为 true。 而 “~” 是位运算符 NOT,它将操作数的每个二进制位按位取反(0 变为 1 …

    JavaScript 2023年5月17日
    00
  • JS轻量级函数式编程实现XDM一

    JS轻量级函数式编程实现XDM一 本文介绍如何使用JS轻量级函数式编程实现XDM一。 什么是XDM一 XDM一是一个JavaScript库,用于浏览器端和Node.js环境中的跨域通信。它提供了一种简单的API,使得跨域通信变得容易。 函数式编程实现XDM一 我们的目标是使用函数式编程来实现XDM一。 函数式编程是一种编程范式,它强调使用函数来解决问题。函数…

    JavaScript 2023年5月28日
    00
  • javascript进行数组追加方法小结

    当我们需要在JavaScript中向一个数组中添加新的元素的时候,我们需要使用“数组追加”方法。本篇文章将详细介绍JavaScript中的数组追加方法,并提供两个示例说明。 数组追加方法小结 数组追加方法,也叫”push”方法,是JavaScript中对数组进行添加新元素的方法之一。这个方法可以在数组的最后添加一个新的元素。 语法 arr.push(elem…

    JavaScript 2023年5月27日
    00
  • JavaScript学习心得之概述

    JavaScript学习心得之概述 JavaScript作为一门客户端脚本语言,在现代Web开发中扮演着重要的角色。学习JavaScript对于Web开发人员来说是必要的,并且学习JavaScript还能够帮助开发者更好地理解网页的动态效果,提升用户体验。以下是JavaScript学习的完整攻略: 第一步: 学习JavaScript的基础知识 学习JavaS…

    JavaScript 2023年5月18日
    00
  • 微信小程序把百度地图坐标转换成腾讯地图坐标过程详解

    下面详细讲解将微信小程序中的百度地图坐标转换成腾讯地图坐标的过程。 1、获取百度地图坐标及腾讯地图坐标 首先,在微信小程序中,需要通过调用百度地图的API,获取到某个地点的经纬度坐标。同时,也需要调用腾讯地图的API,获取到相应位置的经纬度坐标。最终得到两个坐标系下的坐标数据。 2、转换坐标系 由于不同的地图应用使用的定位坐标系可能不同,因此需要将两个坐标系…

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