js正则匹配|极客笔记

js正则匹配

在前端开发中，正则表达式（RegExp）是一种强大的工具，用于字符串的匹配、搜索和替换。JavaScript中的正则表达式是一个对象，可以用来匹配文本中的模式。

RegExp对象

在JavaScript中，可以使用RegExp对象来创建正则表达式。RegExp对象有两种常用的创建方式：

直接量表示法

const pattern = /pattern/;

构造函数表示法

const pattern = new RegExp('pattern');

在使用正则表达式时，可以传入两个参数，第一个参数是要匹配的模式，第二个参数是匹配模式的标志，例如：

g: 全局匹配
i: 不区分大小写匹配
m: 多行匹配

正则表达式的模式

在正则表达式中，可以包含以下几种模式：

普通字符：字母、数字、字符都属于普通字符
元字符：具有特殊含义的字符，例如^、$、.、*
字符类：括号[]用来匹配一个字符
量词：用来匹配重复次数，例如*表示0次或多次，+表示1次或多次，?表示0次或1次
断言：用来匹配字符串的位置，包括正向先行断言(?=...)、正向后行断言(?<=...)

正则表达式的方法

JavaScript中的正则表达式对象有一系列方法可以用来匹配、搜索、替换字符串。

test()方法

test()方法用来检测一个字符串是否匹配正则表达式模式，返回true或false。

const pattern = /is/;
const str = 'This is a test string';
console.log(pattern.test(str)); // true

exec()方法

exec()方法用来在一个字符串中执行搜索匹配，返回匹配的结果数组。如果未找到匹配结果则返回null。

const pattern = /is/;
const str = 'This is a test string';
console.log(pattern.exec(str)); // ['is', index: 2, input: 'This is a test string', groups: undefined]

match()方法

match()方法用来检索字符串中指定的值，返回匹配的结果数组或null。

const pattern = /is/;
const str = 'This is a test string';
console.log(str.match(pattern)); // ['is', index: 2, input: 'This is a test string', groups: undefined]

search()方法

search()方法用来搜索字符串中指定的值，返回匹配的位置，如果没有找到匹配则返回-1。

const pattern = /is/;
const str = 'This is a test string';
console.log(str.search(pattern)); // 2

replace()方法

replace()方法用来替换字符串中指定的值，返回替换后的新字符串。

const pattern = /is/g;
const str = 'This is a test string';
console.log(str.replace(pattern, 'IS')); // 'ThIS IS a test strIng'

示例

现在我们来演示一些常见的正则表达式匹配：

匹配数字

const pattern = /\d+/;
const str = '12345abc';
console.log(pattern.test(str)); // true

匹配邮箱地址

const pattern = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
const email = 'example@example.com';
console.log(pattern.test(email)); // true

匹配手机号码

const pattern = /^1[3456789]\d{9}$/;
const phone = '13912345678';
console.log(pattern.test(phone)); // true

替换字符

const pattern = /javascript/gi;
const str = 'JavaScript is a scripting language';
console.log(str.replace(pattern, 'JS')); // 'JS is a scripting language'