文章目录
一、正则表达式修饰符概述1. 什么是修饰符？2. 常见的修饰符
二、修饰符详解1. `i` 修饰符——忽略大小写2. `g` 修饰符——全局匹配3. `m` 修饰符——多行匹配4. `s` 修饰符——单行模式5. `u` 修饰符——Unicode 模式6. `y` 修饰符——粘滞模式
三、正则表达式中的替换操作1. 什么是替换？2. 基本用法3. 使用全局替换4. 使用捕获组替换
四、实际应用场景1. 文本格式化2. 敏感信息遮蔽
五、总结
正则表达式（Regular Expression，简称Regex）是一种强大的文本处理工具，被广泛用于字符串匹配、提取和替换操作。为了增强其灵活性，正则表达式引入了修饰符和替换机制，让开发者可以根据不同需求灵活控制匹配模式。本文将详细介绍正则表达式中的修饰符与替换功能，帮助读者深入理解其在实际编程中的应用。
一、正则表达式修饰符概述
1. 什么是修饰符？
修饰符（Modifiers）是正则表达式中的一种特殊字符，用于控制匹配模式的行为。通过添加修饰符，开发者可以更灵活地控制正则表达式的匹配规则。例如，修饰符可以让匹配忽略大小写、进行全局查找或多行匹配等。
2. 常见的修饰符
正则表达式中的修饰符通常是放在表达式的结尾处，用以调整整个表达式的匹配行为。常见的修饰符包括：
i：忽略大小写。g：全局匹配，即查找所有符合的子串，而不是在找到第一个匹配后就停止。m：多行模式，将字符串中的换行符视为多个行的起始，从而影响 ^ 和 $ 的匹配行为。s：单行模式，将整个字符串视为单行，允许点符号（.）匹配换行符。u：启用 Unicode 匹配，使正则表达式能够处理完整的 Unicode 字符集。y：粘滞（sticky）模式，只从正则表达式的上次匹配位置开始匹配。
二、修饰符详解
1. i 修饰符——忽略大小写
i 修饰符让正则表达式在匹配时忽略大小写。通常情况下，正则表达式是大小写敏感的，而加上 i 修饰符后，abc 可以匹配 ABC、abc 或 Abc 等。
示例：
const regex = /abc/i;
console.log('ABC'.match(regex)); // 输出 ['ABC']
在这个例子中，/abc/ 加上 i 修饰符后，能够匹配大小写不同的 ABC。
2. g 修饰符——全局匹配
g 修饰符告诉正则表达式引擎，找到所有符合的子串，而不仅仅是第一个匹配项。通常正则表达式在找到第一个匹配项后会停止，但加上 g 后，它会继续查找剩余的部分，直到字符串的末尾。
示例：
const regex = /dog/g;
console.log('dog dog dog'.match(regex)); // 输出 ['dog', 'dog', 'dog']
在这个例子中，/dog/ 加上 g 修饰符后，匹配了字符串中的所有 dog。
3. m 修饰符——多行匹配
m 修饰符影响 ^ 和 $ 的行为。通常情况下，^ 匹配字符串的开头，$ 匹配字符串的结尾。但在多行模式下，^ 和 $ 可以匹配每一行的开头和结尾。
示例：
const regex = /^abc/gm;
const text = 'abc\nabc';
console.log(text.match(regex)); // 输出 ['abc', 'abc']
在这里，m 修饰符让 ^ 可以匹配每一行的开头，而不仅仅是整个字符串的开头。
4. s 修饰符——单行模式
. 通常不会匹配换行符，但加上 s 修饰符后，点符号能够匹配包括换行符在内的所有字符。也称为“dotall 模式”。
示例：
const regex = /abc.def/gs;
const text = 'abc\ndef';
console.log(text.match(regex)); // 输出 ['abc\ndef']
在此例中，s 修饰符允许 . 匹配换行符，从而使整个字符串符合正则表达式。
5. u 修饰符——Unicode 模式
u 修饰符启用 Unicode 匹配，确保正则表达式能够处理完整的 Unicode 字符集。这对于处理多语言文本或特殊字符非常有用。
示例：
const regex = /\u{61}/u;
console.log('a'.match(regex)); // 输出 ['a']
这个例子展示了如何使用 u 修饰符匹配 Unicode 字符。
6. y 修饰符——粘滞模式
y 修饰符使正则表达式在执行下一次匹配时只从上一次匹配结束的地方开始匹配。它与 g 类似，但更加严格。
示例：
const regex = /abc/y;
const text = 'abcabc';
console.log(regex.exec(text)); // 输出 ['abc']
console.log(regex.exec(text)); // 输出 ['abc']
y 修饰符确保正则表达式在第一次匹配结束后从那个位置继续匹配。
三、正则表达式中的替换操作
1. 什么是替换？
正则表达式的替换操作允许我们根据匹配的模式修改字符串中的内容。通常，替换操作通过正则表达式匹配到部分内容后，用新的字符串或函数结果来替换原有的匹配部分。
2. 基本用法
JavaScript 中的 replace() 方法可以结合正则表达式使用，执行替换操作。它的基本语法如下：
string.replace(regex, newSubStr);
regex 是正则表达式或字符串，表示需要匹配的部分。newSubStr 是替换后的字符串。
示例：
const text = 'I love cats';
const result = text.replace(/cats/, 'dogs');
console.log(result); // 输出 'I love dogs'
在这个例子中，/cats/ 被匹配到并替换成了 dogs。
3. 使用全局替换
通过结合 g 修饰符，replace() 可以替换字符串中所有匹配的子串。
示例：
const text = 'cats are great. I love cats.';
const result = text.replace(/cats/g, 'dogs');
console.log(result); // 输出 'dogs are great. I love dogs.'
这里，所有的 cats 都被替换成了 dogs。
4. 使用捕获组替换
正则表达式支持捕获组，这意味着我们可以使用部分匹配内容在替换字符串中。捕获组用括号括起来，匹配的内容可以通过 $1、$2 等引用。
示例：
const text = 'John Smith';
const result = text.replace(/(\w+) (\w+)/, '$2, $1');
console.log(result); // 输出 'Smith, John'
在这个例子中，(\w+) (\w+) 匹配了两个单词，并通过 $2, $1 实现了互换。
四、实际应用场景
1. 文本格式化
正则表达式替换功能可以用于对文本进行格式化处理。例如，将日期格式从 YYYY-MM-DD 转换为 MM/DD/YYYY：
const date = '2024-09-12';
const formattedDate = date.replace(/(\d{4})-(\d{2})-(\d{2})/, '$2/$3/$1');
console.log(formattedDate); // 输出 '09/12/2024'
2. 敏感信息遮蔽
正则表达式还可以用于遮蔽敏感信息，例如隐藏信用卡号码的部分数字：
const cardNumber = '1234 5678 9012 3456';
const masked = cardNumber.replace(/\d{4} \d{4} (\d{4}) (\d{4})/, '**** **** $1 $2');
console.log(masked); // 输出 '**** **** 9012 3456'
五、总结
正则表达式中的修饰符与替换功能为开发者提供了灵活且强大的文本处理工具。通过熟练掌握这些修饰符和替换技巧，可以更加高效地处理复杂的字符串操作，为实际项目中的数据清洗、文本处理等任务提供便利。希望通过本文，大家对正则表达式中的修饰符与替换有了更深入的理解，并能在日常开发中灵活运用。
推荐：
JavaScriptreactvue