盘点javascript 正则表达式中 中括号的【坑】

盘点 JavaScript 正则表达式中中括号的【坑】

在使用 JavaScript 正则表达式时，中括号 [...] 是非常常见也非常重要的语法，它可以用于匹配一组字符中的任意一个字符。但是，在使用中括号时，也需要注意一些坑点。

1. 中括号中的 - 的意义

在中括号中如果使用 - 连接两个字符，表示匹配范围，例如 [0-9] 表示匹配 0 到 9 之间的任意一个数字。但是有时，这个 - 在表达式中的位置可能会影响到它的意义。

示例一：

const str = 'a-b-c';
const regExp1 = /[a-c]/g;
const regExp2 = /[-abc]/g;
console.log(str.match(regExp1)); // ["a", "b", "c"]
console.log(str.match(regExp2)); // ["-", "a", "b", "c"]

在上面的示例中，如果我们想匹配字符串 a-b-c 中所有的字符，可以使用正则表达式 [a-c] 或者 [-abc]。但是，两个表达式的结果却不同。[a-c] 能够匹配到 a、b 和 c，而 [-abc] 会把 - 当做一个单独的字符，同时匹配到 a、b、c 和 -。这是因为在 [-abc] 中，- 表示字符 - 而不是匹配范围。

2. 中括号中的 ^ 的意义

在正则表达式中，^ 表示不匹配。而在中括号中的 ^ 则具有排除或否定某个字符集的含义。

示例二：

const str = 'abc123';
const regExp1 = /[^a-z]/g;
const regExp2 = /[^0-9]/g;
console.log(str.match(regExp1)); // ["1", "2", "3"]
console.log(str.match(regExp2)); // ["a", "b", "c"]

上面的示例中，[^a-z] 表示不匹配所有小写字母，而 [^0-9] 表示不匹配所有数字。正则表达式 [^a-z] 可以匹配到 1、2 和 3，因为它们不属于小写字母，而 [^0-9] 可以匹配到 a、b 和 c。

除了上面两个例子中列出的坑点，还有其他一些注意事项，比如：

• 少数国家和地区的语言字符，不能通过单个 Unicode 范围匹配，需要使用 Unicode 表达式或者 Unicode 字符集。
• 中括号中的字符集是按照字符编码的顺序排列，导致某些特定的字符无法匹配。例如，正则表达式 [a-ζ] 是无法匹配到字符集中的 Latin 小写字母 ń 的。

总之，在使用正则表达式时，需要注意各种细节，避免出现意外的匹配结果。