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

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

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

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中的正则表达式。

相关推荐

PS小技巧 调整命令,让人物肤色变得更加白皙 #后期修图

我们来看一下如何去将人物的皮肤变得更加的白皙。·首先选中图层,Ctrl键加J键复制一层。·打开这里的属性面板,选择快速操作删除背景,这样就会将人物进行单独的抠取。·接下来在上方去添加一个黑白调整图层,...

把人物肤色提亮的方法和技巧

PS后期调白肤色提亮照片的方法。一白遮百丑,所以对于Photoshop后期来说把人物肤色调白是一项非常重要的任务。就拿这张素材图片来说,这张素材图片人脸的肤色主要偏红、偏黄,也不够白皙,该怎样对它进行...

《Photoshop教程》把美女图片调成清爽色彩及润肤技巧

关注PS精品教程,每天不断更新~~室内人物图片一般会偏暗,人物脸部、肤色及背景会出现一些杂点。处理之前需要认真的给人物磨皮及美白,然后再整体润色。最终效果原图一、用修补工具及图章工具简单去除大一点的黑...

PS后期对皮肤进行美白的技巧

PS后期进行皮肤美白的技巧。PS后期对皮肤进行美白的技巧:·打开素材图片之后直接复制原图。·接下来直接点击上方的图像,选择应用图像命令。·在通道这里直接选择红通道,混合这里直接选择柔光,然后点击确定。...

493 [PS调色]调模特通透肤色

效果对比:效果图吧:1、光位图:2、拍摄参数:·快门:160;光圈:8;ISO:1003、步骤分解图:用曲线调整图层调出基本色调。用可选颜色调整图层调整红色、黄色、白色和灰色4种颜色的混合比例。用色彩...

先选肤色再涂面部,卡戴珊的摄影师透露:为明星拍完照后怎么修图

据英国媒体12月17日报道,真人秀明星金·卡戴珊终于承认,她把女儿小北P进了家族的圣诞贺卡,怪不得粉丝们都表示这张贺卡照得非常失败。上周,这位39岁的女星遭到了一些粉丝针对这张照片的批评,她于当地时间...

如何在PS中运用曲线复制另一张照片的色调

怎样把另一张作品的外观感觉,套用到自己的照片上?单靠肉眼来猜,可能很不容易,而来自BenSecret的教学,关键是在PS使用了两个工具,让你可以准确比较两张照片的曝光、色调与饱和度,方便你调整及复制...

PS在LAB模式下调出水嫩肤色的美女

本PS教程主要使用Photoshop使用LAB模式调出水嫩肤色的美女,教程调色比较独特。作者比较注重图片高光部分的颜色,增加质感及肤色调红润等都是在高光区域完成。尤其在Lab模式下,用高光选区调色后图...

在Photoshop图像后期处理中如何将人物皮肤处理得白皙通透

我们在人像后期处理中,需要将人物皮肤处理的白皙通透,处理方法很多,大多数都喜欢使用曲线、磨皮等进行调整,可以达到亮但是不透,最终效果往往不是很好,今天就教大家一种如何将任务皮肤处理得白皙通透,希望能帮...

PS调色自学教程:宝宝照片快速调通透,简单实用!

PS调色自学教程:宝宝照片快速调通透。·首先复制图层,然后选择进入ACR滤镜,选择曲线锁定照片的亮部,也就高光位置,其他部位补亮一点,尤其是阴影的部位补亮多一些,让画面的层次均匀一点。·然后回到基本项...

【干货】如何利用PS进行人物美化

人物图像美化在Photoshop中非常常用,Photoshop作为一款功能强大的图像处理软件,不仅可以对人像进行基本的调色、美化和修复等处理,还可以改变人物的线条和幅度,如调整脸部器官和脸型的大小、调...

教大家一种可以快速把肤色处理均匀的方法@抖音短视频

快速把肤色处理均匀的方法。今天教大家一种可以快速把肤色处理均匀的方法。像这张照片整体肤色走紫红色,但是局部偏黄缘处理起来非常的麻烦。其实我们只需要新建空白图层,图层混合模式更改为颜色,再选择画笔工具把...

PS调色教程 利用RAW调出干净通透的肤色

要么不发,要么干货。后期教程来噜~用RAW调出干净通透的肤色。这次终于不会原片比PS后好看了吧。如果你依然这么觉得,请不要残忍的告诉我这个事实,泪谢TAT)附送拍摄花絮,感谢各位的支持更多风格请关注m...

photoshop后期皮肤变白的技巧

PS后期皮肤变白的技巧。1.PS后期让皮肤变白的方法有很多种,接下来教你一种非常简单容易上手的方法。2.打开素材图片之后,直接在小太极下拉框的位置添加一个纯色调整图层,颜色设置一个纯白色,点击...

Photoshop调出人物的淡雅粉嫩肤色教程

本教程主要使用Photoshop调出人物的淡雅粉嫩肤色教程,最终的效果非常的通透迷人,下面让我们一起来学习.出自:86ps效果图:原图:1、打开原图复制一层。2、用Topaz滤镜磨皮(点此下载)。3、...