正则表达式

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_42813491/article/details/87542552

         <!--一个博主专栏付费入口结束-->
        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-d284373521.css">
                                    <div id="content_views" class="markdown_views prism-atom-one-dark">
                <!-- flowchart 箭头图标 勿删 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                    <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                </svg>
                                        <p></p><div class="toc"><h3><a name="t0"></a>正则表达式</h3><ul><ul><li><a href="#_2" rel="nofollow" data-token="52896ccfc340701272e5427fbeb01938" target="_self">介绍与强调</a></li><li><a href="#_14" rel="nofollow" data-token="70ee0b8f7a3f87ceba7717cd4bc33663" target="_self">关于元字符</a></li><li><a href="#_37" rel="nofollow" data-token="b0247695f960c142e6a08562e454358d" target="_self">小练习</a></li><li><a href="#_52" rel="nofollow" data-token="5301e46b0e8cf2036122c00d5f90fbd1" target="_self">要求</a></li><li><a href="#_57" rel="nofollow" data-token="2381a3878362a843c5c24a450070c78c" target="_self">常用方法补充</a></li></ul></ul></div><br>

学习资源推荐

介绍与强调

• 按照一定的规则组成的一个表达式（一般元字符和限定符）
• 作用主要是匹配字符串的,常用于表单验证
• 定义方式
  • 通过构造函数创建对象 var reg=new RegExp(/[0-9]/);
  • 字面量的方式创建对象 var reg=/[0-9]/;
• 非严格模式下，匹配一项就是匹配全部
• 严格模式 /^…$/ ,要有开始和结束限定符
• 正则表达式必须分清是否为严格模式
• 默认匹配一项后停止，全局匹配用g
• 忽略大小写用i

关于元字符

元字符	含义	案例
.	除了\n以外的任意一个单个字符	abc123@#$等等
[]	范围	[a-z]，小写字母中的任意一个，把正则表达式中元字符的意义干掉，原样输出[5]就是数字5
*	0-多次	[a-z][0-9]*,任意一个小写字母，后边跟着0个或多个，a1,a123,b1,b都匹配
+	1-多次	[a-z][3]+ 小写字母一个后面最少一个3,或者多个3,如c3,cc33,abcddd3333
?	0-1次	[2][a-z]?,数字2后边出现0或1个任意小写字母
()	分组,或者提升优先级	这个么啥说的
|	或者	[a-z]|[0-9],任意一个小写字母或者任意一个数字
{0,}	和*一样	参考*
{1,}	和+一样	参考+
{0,1}	和?一样	参考？
\d	数字中的一个	123467890
\D	非数字	与\d相反
\s	空白符	比如空格，tab键
\S	非空白符	与\s相反
\W	特殊符号	@#等
\w	非特殊符号	典型的是下划线 _
^	取反,开始	[^0-9],非数字，与\D一样，与\d相反,/^5/,以5开始，注意^所在位置
$	结束	/[9]$/,以9结束
补充	中文名字	/^[\u4e00-\u9fa5]{2,6}$/

小练习

• 一定要注意区分是否为严格模式，不然会懵逼的
• console.log(/./.test(“除回车换行以外的任意字符”));//true
• console.log(/.*/.test(“0个到多个”));//true
• console.log(/.+/.test(“1个到多个”));//true
• console.log(/.?/.test(“哈哈”));//true
• console.log(/[0-9]/.test(“123456”));//true
• console.log(/[a-z]/.test(“lengyuexin”));//true
• console.log(/[A-Z]/.test(“Helloworld”));//true
• console.log(/[a-zA-Z]/.test(“杨梦言”));//false
• console.log(/[0-9a-zA-Z]/.test(“1jpg”));//true
• console.log(/b|(are)/.test(“abre”));//true
• console.log(/[a-z]{2,3}/.test(“qwezxc”));//true

要求

• 可以不会自己写，但是要能做到会改别人的
• 需要时百度即可，自己会当然最好
• 使用强烈建议用严格模式+字面量定义方式

常用方法补充

• 常用方法之test（），返回true或false
  
• 常用方法之match（），返回匹配成功的数据、g表示全局匹配
  
• 常用方法之replace（），替换匹配数据
  
• 忽略大小写的全局匹配
  

学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353

                                </div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-b6c3c6d139.css" rel="stylesheet">
                </div>