JS正则校验|极客笔记

JS正则校验

正则表达式（regular expression）是一种用来描述字符串模式的工具，它的应用十分广泛，包括文本匹配、字符串替换、字符串分割等。在JavaScript中，我们可以借助正则表达式来进行字符串的校验和处理。

基本语法

在JavaScript中，我们可以使用RegExp对象来创建正则表达式，也可以直接使用字面量来表示正则表达式。下面是两种创建正则表达式的方式：

// 使用RegExp对象
const reg1 = new RegExp('pattern');

// 使用字面量
const reg2 = /pattern/;

其中，pattern表示我们要定义的字符串模式，可以包括普通字符和元字符。元字符是一些具有特殊含义的字符，它代表在匹配过程中的一些规则，如\d匹配数字、\w匹配字母数字字符等。

基本匹配

正则表达式最基本的功能就是用来匹配字符串。下面我们来看一个简单的示例，判断一个字符串是否包含数字：

const str = 'Hello123World';
const reg = /\d/;
console.log(reg.test(str)); // true

在上面的示例中，我们定义了一个简单的正则表达式\d，它匹配任意一个数字字符。通过test()方法，我们可以判断字符串str中是否包含数字，输出为true。

字符串校验

除了基本的匹配功能，正则表达式还可以用来校验字符串的格式。例如，我们想要校验一个字符串是否符合邮箱地址的格式：

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

在上面的示例中，我们定义了一个较为复杂的正则表达式，用来匹配邮箱地址的格式。通过test()方法，我们可以判断字符串email是否符合邮箱地址的格式，输出为true。

常用校验规则

在实际开发中，我们经常需要校验手机号、身份证号、URL等格式。下面列举一些常用的校验规则及相应的正则表达式：

手机号：/^1[3456789]\d{9}$/
身份证号：/^\d{15}|\d{18}$/
URL：/((http|https):\/\/)?([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/

例如，我们可以用以下代码来校验一个字符串是否为手机号：

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

实战案例

下面以一个简单的实战案例来展示如何结合正则表达式进行字符串校验。假设我们需要校验一个密码是否符合以下规则：包含至少一个大写字母、至少一个小写字母、至少一个数字，且长度在8-20位之间。

function validatePassword(password) {
    const reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).{8,20}$/;
    return reg.test(password);
}

console.log(validatePassword('Password1')); // true
console.log(validatePassword('password123')); // false
console.log(validatePassword('PASS123')); // false

在上面的示例中，我们定义了一个validatePassword函数，根据给定的正则表达式规则来判断密码是否符合要求。通过测试不同的密码，我们可以看到输出符合预期。