正则表达式实践篇

hncw5523 5年前
   <ol>     <li>与搜索字符串开始处的 3 个数字匹配: /^\d{3}/ 。</li>     <li>与除 a、b 和 c 以外的任何字符匹配: /[^abc]/ 。</li>     <li>‘1234567’.match(/\d{1,3}/g),根据贪婪原则,结果是 ["123", "456", "7"] 。</li>     <li>不以“th”开头的单词匹配: /\b(?!th)\w+\b/ 。</li>     <li>对密码应用以下限制:其长度必须介于 4 到 8 个字符之间,并且必须至少包含一个数字: /^(?=.*\d).{4,8}$/ 。首先.{4,8} 表示与包含 4-8 个字符的字符串匹配;然后.*表示单个字符(除换行符 \n 外)零次或多次,且后面跟着一个数字,注意(?=)只匹配一个位置。</li>     <li>匹配一个中文字符: /[\u4e00-\u9fa5]/ 。</li>    </ol>    <p>当然,可能答案不唯一,不必较真啦~ 主要目的是回忆熟悉一下语法~</p>    <p>如果还不了解正则,可以前往正则表达式理论篇 了解哇~</p>    <h2>真正的实践来了</h2>    <p>要想在复杂性和完整性之间取得平衡,一个重要因素是要 <strong>了解将要搜索的文本</strong> 。</p>    <p>好的正则表达式:</p>    <ul>     <li><strong>只匹配期望的文本,排除不期望的文本</strong> ;</li>     <li><strong>易于控制和理解</strong> ;</li>     <li><strong>保证效率</strong> 。</li>    </ul>    <p>有时候处理各种极端情况会降低成本/收益的比例。所以某些情况下,不完全依赖正则表达式完成全部工作,比如某些字段用子表达式()括起来,让内存记忆下来,然后再用其他程序来验证。</p>    <p>不过本文还是从学习正则的角度出发,全部依赖正则表达式来写的哇~~</p>    <h2>匹配美元</h2>    <p>正则表达式: /^\$[0-9]+(\.[0-9][0-9])?$/ 。</p>    <p>分为四部分:</p>    <ul>     <li>^\$ 以美元符号开头。</li>     <li>[0-9]+ 至少包含一个数字。</li>     <li>(\.[0-9][0-9])? 由一个点和两位数组成,匹配0次或1次,因为可能是整数或者是小数。</li>     <li>$ 最后的$表示以数字结尾的。</li>    </ul>    <p>缺点:不能匹配$1,000</p>    <h2>匹配24小时制的时间,比如 09:59</h2>    <ul>     <li> <p><strong>小时部分</strong></p> </li>    </ul>    <p>方法一:分类逻辑为第一个数字(0、1、2),可以分为三部分:上午 00点到09点( <strong>0可选</strong> );白天10到19点;晚上20到23点。</p>    <p>因此有三个多选分支,得到的结果为:</p>    <pre>  <code class="language-javascript">0?[0-9]|1[0-9]|2[0-3]  </code></pre>    <p>还可以优化一下,合并前面的两个多选分支,得到:</p>    <pre>  <code class="language-javascript">[01]?[0-9]|2[0-3]  </code></pre>    <p>方法二:分类逻辑为第二个数字,可以分为两部分:[0-3]和[4-9]。为什么这么分?看看下面这个图就知道了,[0-3]多了一行(以2为第一个数字):</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/b5597cc990b4fd1fa588c0d524166cd6.png"></p>    <p>因此有两个多选分支,结果为:</p>    <pre>  <code class="language-javascript">[012]?[0-3]|[01]?[4-9]  </code></pre>    <ul>     <li> <p>分钟部分</p> </li>    </ul>    <p>分钟数比较简单,第一个数范围在0-5之间,第二个数在0-9之间,因此得到分钟数为:</p>    <pre>  <code class="language-javascript">[0-5][0-9]  </code></pre>    <ul>     <li> <p>最后的结果:</p> </li>    </ul>    <p>小时部分用(?:)包起来,起到一个分组的作用,且不保存匹配项;</p>    <p>冒号、分钟数拼起来;</p>    <p>最后加上一个分界 \b 表示单词的开始或结束,得到最终的结果:</p>    <pre>  <code class="language-javascript">/\b(?:[01]?[0-9]|2[0-3]):[0-5][0-9]\b/  // 或者  /\b(?:[012]?[0-3]|[01]?[4-9]):[0-5][0-9]\b/  </code></pre>    <ul>     <li> <p>验证:</p> </li>    </ul>    <pre>  <code class="language-javascript">var reg = /\b(?:[01]?[0-9]|2[0-3]):[0-5][0-9]\b/;  '现在是09:49点'.match(reg); // ["09:49"]  '现在是009:490点'.match(reg);  // null  </code></pre>    <p>其实这个结果不能说完全正确,首先你要明白这个正则用在什么地方,比如是数据验证或者</p>    <p>复杂的字符串搜寻替换。</p>    <p>情景一:填写表单中的字符串必须为24小时制的时间,那么可能第一个 \b 需要改成^,第二个 \b 改成 $ 。</p>    <p>情景二:用于复杂的字符串搜寻替换时,可能也会匹配这样子的字符串如’跑步用时19:50’,明显的,’19:50’表示19分50秒,而不是表示24小时制的时间19点50分。</p>    <h2>匹配IP地址</h2>    <p>IP地址的规则:点号分开的四个字段,每个字段在0-255之间。</p>    <ul>     <li> <p>第一步:</p> </li>    </ul>    <p>如果一个字段是一个数或两个数,肯定是在0-255的范围内的;</p>    <p>如果三位数,那么以0或者1开头的三位数也是合法的,即000-199。</p>    <p>从上面的陈述中我们就可以得到三个多选分支:</p>    <pre>  <code class="language-javascript">\d|\d\d|[01]\d\d  </code></pre>    <p>我们稍微合并一下这三个多选分支,得到:</p>    <pre>  <code class="language-javascript">[01]?\d\d?  </code></pre>    <ul>     <li> <p>第二步:</p> </li>    </ul>    <p>我们再来看以2开头的三位数:</p>    <p>第二位数小于5的时候,第三位数范围[0-9]都可以;第二位数等于5的时候,第三位数范围[0-5] ,因此得到两个多选分支:</p>    <pre>  <code class="language-javascript">2[0-4]\d|25[0-5]  </code></pre>    <ul>     <li> <p>第三步:</p> </li>    </ul>    <p>前两步合并起来,得到一个字段0-255的表示方法:</p>    <pre>  <code class="language-javascript">[01]?\d\d?|2[0-4]\d|25[0-5]  </code></pre>    <ul>     <li> <p>第四步:</p> </li>    </ul>    <p>四个字段合并起来,IP地址正则如下:</p>    <pre>  <code class="language-javascript">/^(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])$/  </code></pre>    <p>点号要转义一下,^和$需要加上,否则可能匹配52123.3.22.993,因为其中的123.3.22.99是符合的。(?:)起到分组的作用,且不保存匹配项。</p>    <p>一些测试结果:</p>    <pre>  <code class="language-javascript">var reg = /^(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])$/;    '123.11.22.33.44'.match(reg); // null  '52123.3.22.993'.match(reg);  // null  '123.11.22.33'.match(reg);  // ["123.11.22.33"]  '0.0.0.0'.match(reg);  // ["0.0.0.0"]  </code></pre>    <p>虽然0.0.0.0是合法的,但它是非法的IP地址,使用正则的否定顺序环视功能(零宽负向先行断言),可加上(?!0+.0+.0+.0+$) :</p>    <pre>  <code class="language-javascript">var reg = /^(?!0+.0+.0+.0+$)(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])\.(?:[01]?\d\d?|2[0-4]\d|25[0-5])$/;    '123.11.22.33'.match(reg); // ["123.11.22.33"]  '0.0.0.0'.match(reg);  // null  </code></pre>    <p> </p>    <p>来自:https://aotu.io/notes/2016/12/07/regexp-practice/</p>    <p> </p>