正则表达式是一种强大的文本处理工具，在前端开发中广泛使用。除了可以匹配指定的文本模式，还可以在文本中查找并替换特定字符或子字符串。
然而，当我们需要匹配一个整个单词时，可能会遇到一些问题。例如，如果我们想匹配 "cat" 这个单词，但是在文本中出现了 "caterpillar" 或者 "concatenate" 等包含 "cat" 子序列的单词，那么就会误判为匹配成功。
本文将介绍如何使用 JavaScript 的正则表达式来确保只匹配完整的单词，并提供相应的示例代码。
单词边界
为了解决上述问题，我们需要使用单词边界。单词边界表示单词和非单词字符之间的位置，通常用 \b 来表示。单词字符包括字母、数字和下划线，非单词字符包括空格、标点符号等。
以下是一些示例：
- 匹配以 "cat" 开头的单词：
\bcat - 匹配以 "cat" 结尾的单词：
cat\b - 匹配包含 "cat" 的单词：
\bcat\b
const text = "concatenate cat caterpillar"; const pattern = /\bcat\b/g; console.log(text.match(pattern)); // 输出 ["cat"]
在上面的示例中，我们使用了 \b 来确保只匹配单独的 "cat" 单词。
排除非单词字符
如果我们不想在单词边界之外匹配到 "cat" 子序列，还可以使用负向前瞻和后顾来排除非单词字符。负向前瞻和后顾是一种零宽度断言，用于检查一个位置之前或之后是否存在某个模式，但不包括这个位置本身。
以下是一些示例：
- 匹配以 "cat" 开头的单词：
/(?<!\w)cat/ - 匹配以 "cat" 结尾的单词：
/cat(?!\w)/ - 匹配包含 "cat" 的单词：
/(?<!\w)cat(?!\w)/
const text = "concatenate cat caterpillar"; const pattern = /(?<!\w)cat(?!\w)/g; console.log(text.match(pattern)); // 输出 ["cat"]
在上面的示例中，我们使用了 (?<!\w) 和 (?!\w) 来排除非单词字符，并确保只匹配单独的 "cat" 单词。
总结
JavaScript 正则表达式提供了丰富的特性来处理文本，包括匹配单词边界和使用负向前瞻和后顾来排除非单词字符。在实际开发中，我们应该根据具体需求选择合适的方法来处理文本。
示例代码如下：
const text = "concatenate cat caterpillar"; const pattern1 = /\bcat\b/g; const pattern2 = /(?<!\w)cat(?!\w)/g; console.log(text.match(pattern1)); // 输出 ["cat"] console.log(text.match(pattern2)); // 输出 ["cat"]
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15602