百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

JavaScript 正则表达式详解大全_js正则表达式实例

itomcoil 2025-02-19 12:22 24 浏览

JavaScript中的正则表达式是一种强大的文本处理工具,它通过定义字符模式来匹配字符串中的特定部分。以下是关于JavaScript正则表达式的详细解释

1. 基本概念

  • 正则表达式(Regular Expression):用于描述字符模式的对象,用于在字符串中查找、替换或提取符合某种规则的子串。
  • 元字符(Metacharacters):在正则表达式中有特殊含义的字符,如.、*、+等。

2. 创建正则表达式

  • 字面量方式:使用斜杠包围表达式,如/pattern/flags,例如/hello/i表示忽略大小写匹配“hello”。
  • 构造函数方式:使用new RegExp()构造函数,如new RegExp("hello", "i")。
// 字面量方式
let regex1 = /hello/i;

// 构造函数方式
let regex2 = new RegExp("hello", "i");

3. 常用方法

  • **test()**:测试字符串是否满足正则表达式规则,返回布尔值。
  • **search()**:执行搜索匹配,返回第一个匹配项的索引位置,找不到返回-1。
  • **exec()**:在一个指定字符串中执行搜索匹配,返回一个结果数组或null。
  • **match()**:检索字符串并返回匹配的结果,可以与全局标志一起使用。
  • **replace()**:返回一个新字符串,其中的某些部分被替换为新的子字符串。
let str = "Hello, world!";
let regex = /hello/i;

// test()
console.log(regex.test(str)); // true

// search()
console.log(str.search(regex)); // 0

// exec()
console.log(regex.exec(str)); // ["Hello"]

// match()
console.log(str.match(regex)); // ["Hello"]

// replace()
console.log(str.replace(regex, "Hi")); // "Hi, world!"

4. 修饰符

  • g:global,全文搜索。
  • i:ignore case,忽略大小写。
  • m:multiple lines,多行搜索。
  • 其他标志符:如s(允许.匹配换行符)、u(使用Unicode码进行匹配)等。
let str = "Hello\nworld";
let regex = /hello/gi;
console.log(str.match(regex)); // ["Hello", "world"]

5. 断言与范围类

  • 正向肯定查找((?=...)):匹配前面的内容,同时要求后面的条件也成立。
  • 正向否定查找((?!...)):匹配前面的内容,但后面不能是指定的条件。
  • 反向肯定查找((?<=...)):匹配后面的内容,但前面的条件必须成立。
  • 反向否定查找((?
let str = "foo123bar";
let regex = /(?<=foo)\d+/;
console.log(str.match(regex)); // ["123"]

6. 分组与引用

  • 分组:使用圆括号()将正则表达式的一部分括起来,形成分组。
  • 反向引用:在模式后面引用分组匹配的内容。
let str = "John Doe";
let regex = /(\w+)\s(\w+)/;
console.log(str.match(regex)); // ["John Doe", "John", "Doe"]

7. 示例与应用

校验数字

let numRegex = /^\d+$/;
console.log(numRegex.test("12345")); // true
console.log(numRegex.test("123a45")); // false

校验字符

let charRegex = /^[A-Za-z]+$/;
console.log(charRegex.test("HelloWorld")); // true
console.log(charRegex.test("Hello World")); // false

特殊需求

验证Email地址

let emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
console.log(emailRegex.test("example@example.com")); // true
console.log(emailRegex.test("example@example")); // false

验证URL

let urlRegex = /^(https?:\/\/)?([a-zA-Z0-9.-]+)(:[0-9]+)?(\/.*)?$/;
console.log(urlRegex.test("http://www.example.com")); // true
console.log(urlRegex.test("https://example")); // false

验证身份证号(假设为18位)

let idRegex = /^\d{17}[\dXx]$/;
console.log(idRegex.test("123456789012345678")); // true
console.log(idRegex.test("12345678901234567X")); // true
console.log(idRegex.test("12345678901234567A")); // false

以上是关于JavaScript正则表达式的详细解释和示例代码。希望这些信息能帮助你更好地理解和使用JavaScript中的正则表达式。

相关推荐

Python GUI 编程入门教程 第11章:数据库操作与文件管理

11.1数据库操作:与SQLite结合在许多应用中,数据的存储和管理是必不可少的部分。Tkinter本身并不自带数据库支持,但你可以通过Python的sqlite3模块来将数据库功能集成到Tkint...

Python GUI 编程入门教程 第12章:图形绘制与用户交互

12.1图形绘制:Canvas控件Tkinter提供了一个非常强大的控件Canvas,可以用来绘制各种图形,如线条、矩形、圆形等。通过Canvas控件,用户可以在GUI中添加绘图、图像和其他复杂的内...

Python GUI 编程入门教程 第16章:图形绘制与动画效果

16.1使用Canvas绘制图形Tkinter的Canvas控件是一个非常强大的绘图工具,可以用来绘制各种基本图形,如线条、矩形、圆形、文本等。Canvas允许你通过编程创建和修改图形元素,非常适合...

Python GUI 编程入门教程 第10章:高级布局与界面美化

10.1高级布局管理:使用grid和placeTkinter提供了三种常用的布局管理方式:pack、grid和place。在本章中,我们重点介绍grid和place,这两种布局方式相较于pack更加...

手机Python编程神器——AidLearning

【下载和安装】1、让我们一起来看下吧,直接上图。第一眼看到是不是觉得很高逼格,暗黑画风,这很大佬。其实它就是------AidLearning。一个运行在安卓平台的linux系统,而且还包含了许多非常...

Python GUI开发:从零开始创建桌面应用

在数字化时代,桌面应用依然是我们日常生活中不可或缺的一部分。无论是办公软件、游戏还是各种工具,它们都依赖于图形用户界面(GUI)来提供直观的操作体验。Python的wxPython库为我们提供了一个强...

Python界面(GUI)编程PyQt5窗体小部件

一、简介在Qt(和大多数用户界面)中,“小部件”是用户可以与之交互的UI组件的名称。用户界面由布置在窗口内的多个小部件组成。Qt带有大量可用的小部件,也允许您创建自己的自定义和自定义小部件。二、小部件...

自学Python的8个正确顺序仅供参考

今天决定写一个Python新人的自学指南,好多人搞不清楚自学的顺序及路线,今天提供给大家参考一下,其实自学编程真的没有难。1【Python基础】安装并配置Python环境和编译软件Pycharm,这...

Python | Python交互式编程神器_python交互运行

很多Pythoner不怎么喜欢用Python交互式界面编程,例如使用Jupyter工具。感觉交互式编程没有把代码敲完再debug舒服。但是在对一些模块/功能进行调试的时候还是非常香的。例如我在写爬虫程...

Python GUI 编程入门教程 第14章:构建复杂图形界面

14.1界面布局管理在Tkinter中,界面控件的排列是通过布局管理器来实现的。Tkinter提供了三种布局管理器:pack、grid和place,每种布局管理器都有其独特的用途和优势。14.1.1...

Python数据库编程教程:第 1 章 数据库基础与 Python 连接入门

1.1数据库的核心概念在开始Python数据库编程之前,我们需要先理解几个核心概念。数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它就像一个电子化的文件柜,能让我们高效...

Python GUI 编程入门教程 第1章:Tkinter入门

1.1什么是Tkinter?Tkinter是Python的标准GUI库,它是Python语言的内置模块,无需额外安装。在Tkinter中,我们可以创建窗口、按钮、标签、文本框等常见的GUI元素。1....

用Python做个简单的登录页面_python怎么编写一个登录界面

我们上网时候,很多网站让你登录,没有账号注册会员,不能复制、粘贴都不让你操作。那我们怎么去实现这个窗口呢?很多语言都可以实现,根据你的需求去确定用哪个,这里我们学习python,就用tkinter测...

Python入门学习教程:第 16 章 图形用户界面(GUI)编程

16.1什么是GUI编程?图形用户界面(GraphicalUserInterface,简称GUI)是指通过窗口、按钮、菜单、文本框等可视化元素与用户交互的界面。与命令行界面(CLI)相比,...

推荐系统实例_推荐系统有哪三个部分组成

协同过滤算法:#第14课:推荐系统实践-完整的协同过滤推荐系统示例#1.导入必要的库importpandasaspdfromsklearn.metrics.pairwise...