点滴生活

Appearance

常用正则表达式 ​

以下是一些 JavaScript 中常用的正则表达式示例，涵盖了常见的使用场景：

1. 邮箱验证 ​

javascript
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(emailRegex.test('test@example.com')); // true

2. 手机号验证（中国大陆） ​

javascript
const mobileRegex = /^1[3-9]\d{9}$/;
console.log(mobileRegex.test('13800138000')); // true

3. 身份证号验证（18位） ​

javascript
const idCardRegex = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
console.log(idCardRegex.test('11010519491231002X')); // true

4. URL 验证 ​

javascript
const urlRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/;
console.log(urlRegex.test('https://www.example.com/path')); // true

5. 密码强度（至少8位，含大小写字母和数字） ​

javascript
const passwordRegex = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d]{8,}$/;
console.log(passwordRegex.test('Passw0rd')); // true

6. 提取数字 ​

javascript
const getNumbers = 'Price: $29.99'.match(/\d+(\.\d+)?/g);
console.log(getNumbers); // ["29.99"]

7. 中文检测 ​

javascript
const chineseRegex = /[\u4e00-\u9fa5]/;
console.log(chineseRegex.test('你好')); // true

8. 日期格式（YYYY-MM-DD） ​

javascript
const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
console.log(dateRegex.test('2023-10-05')); // true

9. 去除首尾空格 ​

javascript
const trimSpaces = '  hello  '.replace(/^\s+|\s+$/g, '');
console.log(`"${trimSpaces}"`); // "hello"

10. HTML标签匹配 ​

javascript
const htmlRegex = /<[^>]+>/g;
console.log('<div>test</div>'.replace(htmlRegex, '')); // "test"

11. IPv4地址验证 ​

javascript
const ipv4Regex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
console.log(ipv4Regex.test('192.168.1.1')); // true

12. 匹配16进制颜色值 ​

javascript
const hexColorRegex = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
console.log(hexColorRegex.test('#ff0000')); // true

使用技巧： ​

  1. 创建方式：

    javascript
    // 字面量形式（推荐）
const regex = /pattern/flags;

// 构造函数形式（适合动态构建）
const dynamicRegex = new RegExp("pattern", "flags");

  2. 常用修饰符：

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

  3. 验证方法：

    javascript
    // test() 返回布尔值
if (/regex/.test(input)) {
}

// match() 提取匹配结果
const matches = input.match(/regex/);

  4. 特殊字符转义：

    javascript
    // 匹配 .+*?^$()[]{}| 等需用反斜杠转义
const escapedRegex = /\$5\.00/; // 匹配 "$5.00"

注意：正则表达式应根据具体需求调整，例如手机号/身份证规则可能随政策变化。复杂场景建议结合多个正则或添加额外逻辑验证。