JavaScript 正则表达式中的字符类详解-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00293/article/details/148416694

JavaScript 正则表达式中的字符类详解

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info

正则表达式是处理字符串的强大工具，而字符类则是正则表达式中最基础也最常用的功能之一。本文将深入探讨 JavaScript 中各种字符类的使用方法，帮助开发者掌握这一重要概念。

什么是字符类？

字符类（Character classes）是正则表达式中用于匹配特定字符集合的特殊符号。它们能够简化模式匹配，让我们不必一一列举所有可能的字符。

实际应用场景

假设我们需要从一个格式化的电话号码 "+7(903)-123-45-67" 中提取纯数字 "79031234567"，字符类就能派上用场。

常用字符类详解

1. 数字类 `\d`

\d 匹配任何单个数字（0-9）：

let phone = "+7(903)-123-45-67";
let digits = phone.match(/\d/g).join('');
console.log(digits); // 输出: "79031234567"

2. 空白字符类 `\s`

\s 匹配各种空白字符：

空格 " "
制表符 \t
换行符 \n
垂直制表符 \v
换页符 \f
回车符 \r

let text = "Hello\tWorld\nGoodbye";
let spaces = text.match(/\s/g);
console.log(spaces); // 输出: ["\t", "\n"]

3. 单词字符类 `\w`

\w 匹配以下字符：

拉丁字母（A-Z, a-z）
数字（0-9）
下划线 _

let userInput = "User_name123";
let validChars = userInput.match(/\w/g);
console.log(validChars); // 输出: ["U", "s", "e", "r", "_", "n", "a", "m", "e", "1", "2", "3"]

反向字符类

每个字符类都有对应的反向类，用大写字母表示：

| 字符类 | 反向类 | 描述 | |--------|--------|--------------------------| | \d | \D | 匹配非数字字符 | | \s | \S | 匹配非空白字符 | | \w | \W | 匹配非单词字符 |

反向类的应用示例：

let mixedString = "A1 B2 C3!";
let nonDigits = mixedString.match(/\D/g);
console.log(nonDigits); // 输出: ["A", " ", "B", " ", "C", "!"]

通配符：点字符 `.`

点字符 . 是一个特殊字符类，匹配除换行符 \n 外的任何单个字符：

console.log("A".match(/./)); // 输出: ["A"]
console.log("@".match(/./)); // 输出: ["@"]
console.log(" ".match(/./)); // 输出: [" "]

包含换行符的匹配

默认情况下，. 不匹配换行符。要匹配包括换行符在内的所有字符，可以使用 s 修饰符：

let multiline = "A\nB";
console.log(multiline.match(/A.B/s)); // 输出: ["A\nB"]

对于不支持 s 修饰符的环境，可以使用替代方案：

console.log(multiline.match(/A[\s\S]B/)); // 输出: ["A\nB"]

注意事项

空格的重要性：正则表达式中的空格是重要的字符，不能随意添加或删除。

// 这两个正则表达式是不同的
console.log("1-5".match(/\d-\d/)); // null
console.log("1 - 5".match(/\d - \d/)); // ["1 - 5"]

Unicode 字符：基本的字符类如 \w 只匹配拉丁字母，不匹配中文等非拉丁字符。
性能考虑：在大型文本处理中，精确的字符类比宽泛的 . 更高效。

实际应用技巧

数据清洗：使用 \D 快速去除字符串中的非数字字符

let dirtyPhone = "+1 (234) 567-89-00";
let cleanPhone = dirtyPhone.replace(/\D/g, "");
console.log(cleanPhone); // 输出: "12345678900"

表单验证：检查用户名是否只包含允许的字符

function isValidUsername(username) {
  return /^[\w]+$/.test(username);
}

文本解析：提取特定格式的数据

let logEntry = "[ERROR] 2023-05-15: System failure";
let match = logEntry.match(/\[(\w+)\]\s(\d{4}-\d{2}-\d{2}):/);
console.log(match[1]); // 输出: "ERROR"
console.log(match[2]); // 输出: "2023-05-15"