【正则】956- 正则表达式有几种位置匹配模式？

柔光的暖阳◎ 2023-01-21 02:19 139阅读 0赞

![5dcd148b35ae73dd68e9b28b42cc7017.png][]

最近再一次重温**老姚**大佬的《JavaScript 正则表达式迷你书》 ， 并将核心知识点整理一遍，方便复习。

**原书写得非常棒，建议看下原书啦。** 地址：https://github.com/qdlaoyao/js-regex-mini-book

位置匹配，就是要匹配每个字符两边的位置。

在 `ES5` 中有6个位置：`^`，`$`，`\b`，`\B`，`(?=p)` 和 `(?!p)`。

另外把位置理解成空字符是非常有用的：

/^^hello$$/.test('hello');  // true
    /^^^hello$$/.test('hello'); // true

### 1. ^ 和 $ ###

`^` 匹配开头，多行中匹配行开头。  
`$` 匹配结尾，多行中匹配行结尾。

"hello".replace(/^|$/g, "#"); // "#hello#"
    "hello\nleo\nhaha".replace(/^|$/gm, "#");
    /*
    #hello#
    #leo#
    #haha#
    */

多行匹配模式使用 `m` 修饰符。

### 2. `\b` 和 `\B` ###

`\b` 匹配单词边界，即 `\w` 和 `\W` 之间的位置，包括 `\w` 和 `^` 之间的位置，和 `\w` 和 `$` 之间的位置。  
`\B` 和 `\b` 相反，即非单词边界，匹配中除去 `\b`，剩下的都是 `\B` 的。也就是 `\w` 与 `\w`、 `\W` 与 `\W`、`^` 与 `\W`，`\W` 与 `$` 之间的位置。。

"[HI] Leo_1.mp4".replace(/\b/g,"#");
    // "[#HI#] #Leo_1#.#mp4#"
    
    "[HI] Leo_1.mp4".replace(/\B/g,"#");
    // "#[H#I]# L#e#o#_#1.m#p#4"

### 3. `(?=p)` 和 `(?!p)` ###

`p` 为一个子模式，即 `(?=p)` 匹配前面是 `p` 的位置，而 `(?!p)` 则匹配前面不是 `p` 的位置。

"hello".replace(/(?=l)/g, "#");
    // "he#l#lo"
    
    "hello".replace(/(?!l)/g, "#");
    // "#h#ell#o#"

### 4. 相关案例 ###

*  匹配数字千位分隔符

// 匹配最后一个逗号
    "12345678".replace(/(?=\d{3}$)/g, ","); // "12345,678"
    
    // 匹配所有逗号
    "12345678".replace(/(?=(\d{3})+$)/g, ","); // "12,345,678"
    
    // 匹配其余
    "123456789".replace(/(?=(\d{3})+$)/g, ","); // ",123,456,789"
    
    // 修改
    "123456789".replace(/(?!^)(?=(\d{3})+$)/g, ","); // "12,345,678"
    
    // 其他形式
    "12345678 123456789".replace(/(?!\b)(?=(\d{3})+\b)/g, ","); 
    // (?!\b) 等于 \B ，要求当前是一个位置，但不是 \b 前面的位置
    // "12,345,678 123,456,789"

*  数据格式化

let num = 1888;
    num.toFixed(2).replace(/\B(?=(\d{3})+\b)/g, ",").replace(/^/,"$$ ");
    // "$ 1,888.00"

*  验证密码

// 密码长度 6-12 位数字或字母
    let r = /^[0-9A-Za-z]{6,12}$/;
    
    // 必须包含一个字符（数字） + 密码长度 6-12 位数字或字母
    let r = /(?=.*[0-9])^[0-9A-Za-z]{6,12}$/;
    
    // 必须包含两个个字符（数字和小写字符）  + 密码长度 6-12 位数字或字母
    let r = /(?=.*[0-9])(?=.*[a-z])^[0-9A-Za-z]{6,12}$/;
    
    r.test("aa1234566"); // true
    r.test("1234566");   // false
    
    
    // 密码长度 6-12 位数字或字母 
    // 即 不能全是数字 或 不能全是大写或小写字母
    let r = /(?!^[0-9]{6,12}$)(?!^[a-z]{6,12}$)(?!^[A-Z]{6,12}$)^[0-9A-Za-z]{6,12}$/;

![e4fa77f073e1949b85152178259f8ce6.gif][]

[1. JavaScript 重温系列（22篇全）][1. JavaScript _22]

[2. ECMAScript 重温系列（10篇全）][2. ECMAScript _10]

[3. JavaScript设计模式 重温系列（9篇全）][3. JavaScript_ _9]

4. [正则 / 框架 / 算法等 重温系列（16篇全）][_ _ _ _ _16]

5. [Webpack4 入门（上）][Webpack4]|| [Webpack4 入门（下）][Webpack4 1]

6. [MobX 入门（上）][MobX] || [MobX 入门（下）][MobX 1]

7. 120[\+篇原创系列汇总][Link 1]

![aa2735ef1273603f88fe24e6733cb2ad.gif][]

回复“**加群**”与大佬们一起交流学习~

点击“**阅读原文**”查看 120+ 篇原创文章

[5dcd148b35ae73dd68e9b28b42cc7017.png]: /images/20221021/43e7de861e6a497fb54b7a6d97a2b944.png
[e4fa77f073e1949b85152178259f8ce6.gif]: /images/20221021/5d42924004cc48cfa449029ff1270e02.png
[1. JavaScript _22]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c224ea86b5adfc10c3aa1841be3879b9360d671e98cc73391c2490246f1348857b9821d32c&idx=1&mid=2458453187&scene=21&sn=a69b4d7d991867a07a933f86e66b9f55#wechat_redirect
[2. ECMAScript _10]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c224e086b5adf6dad41a0d36b77a9bfb4bc9f0d29a816266b3e28c892e54274967dbce380b&idx=1&mid=2458453193&scene=21&sn=e5392cb77bc17c9e94b6c826b5f52a83#wechat_redirect
[3. JavaScript_ _9]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c224e386b5adf554ab928cdeaf7ee16dbb2d895be17f2a12a59054a75b913470ca7649bbc7&idx=1&mid=2458453194&scene=21&sn=e7f0734b04484bee5e10a85a7cbb85c1#wechat_redirect
[_ _ _ _ _16]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c224e286b5adf432850f82db18cc8647d639836798cf16b478d9a6f7c81df87c6da5257684&idx=1&mid=2458453195&scene=21&sn=1e0c8b7ea8ddc207b523ec0a636a5254#wechat_redirect
[Webpack4]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c2251f86b5ac09dbbbb7c8e1d80c6cbd793a523cdfa690f8734def57812e616b9906aeec79&idx=1&mid=2458453302&scene=21&sn=904e40a421024ea0d394e9850b674012#wechat_redirect
[Webpack4 1]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c2251e86b5ac08464872cd880811423e0d1bbcebbe11dcac9d99fa38c5332c089c06d65d95&idx=1&mid=2458453303&scene=21&sn=422f2b5e22c3b0e91a8353ee7e53fed9#wechat_redirect
[MobX]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c2264c86b5af5aa7300a04d55efead6223e310d68e10222cd3577a25c783d3429f00767960&idx=1&mid=2458453605&scene=21&sn=0a506769d5eeb7953f676e93fb4d18eb#wechat_redirect
[MobX 1]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c2264086b5af5611524eedb0d409afe86d859dce6ceff1c17ddab49d353c385e45611a73fa&idx=1&mid=2458453609&scene=21&sn=f0c22e82f2537204d9b173161bae6b82#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=MjM5MDc4MzgxNA%3D%3D&chksm=b1c224dd86b5adcbd98189315e60de6a0106993690b69927cc1c1f19fd8f591fefce4e3db51f&idx=2&mid=2458453236&scene=21&sn=daf00392f960c115463c5aaf980620b4#wechat_redirect
[aa2735ef1273603f88fe24e6733cb2ad.gif]: /images/20221021/57cc52667ea141c69cdde9b0b20a75f8.png