web apis六天课堂笔记.pptx

WebAPIs第六天正则阶段案例

能够利用正则表达式校验输入信息的合法性具备利用正则表达式验证小兔鲜注册页面表单的能力

正则表达式综合案例阶段案例

正则表达式介绍语法元字符修饰符01目标：学习正则表达式概念及语法，编写简单的正则表达式实现字符的查找或检测。

1.1什么是正则表达式正则表达式（RegularExpression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。请在上图中找出【戴帽子和眼镜的男人】戴帽子、戴眼镜、男人都是描述信息，通过这些信息能够在人群中查找到确定的某个人，那么这些用于查找的描述信息编写一个模式，对应到计算机中就是所谓的正则表达式。

1.1什么是正则表达式正则表达式在JavaScript中的使用场景：例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)比如用户名:/^[a-z0-9_-]{3,16}$/过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。

1.正则表达式是什么？ 是用于匹配字符串中字符组合的模式2.正则表达式有什么作用？ 表单验证（匹配）过滤敏感词（替换）字符串中提取我们想要的部分（提取）

正则表达式介绍语法元字符修饰符01目标：学习正则表达式概念及语法，编写简单的正则表达式实现字符的查找或检测。

1.2语法我们想要查找是否有戴眼镜的人,怎么做呢？定义规则：戴眼镜的根据规则去查找：找到则返回正则同样道理，我们分为两步：定义规则查找比如：查找下面文本中是否包含字符串前端

1.2语法JavaScript中定义正则表达式的语法有两种，我们先学习其中比较简单的方法：1.定义正则表达式语法：其中//是正则表达式字面量比如：

1.2语法2.判断是否有符合规则的字符串：test()方法用来查看正则表达式与指定的字符串是否匹配语法：比如：如果正则表达式与指定的字符串匹配?，返回true，否则false

1.正则表达式使用分为几步？ 定义正则表达式检测查找是否匹配

1.2语法3.检索（查找）符合规则的字符串：exec()方法在一个指定字符串中执行一个有哪些信誉好的足球投注网站匹配语法：比如：如果匹配成功，exec()?方法返回一个数组，否则返回null

1.正则表达式检测查找test方法和exec方法有什么区别？ test方法用于判断是否有符合规则的字符串，返回的是布尔值找到返回true，否则falseexec方法用于检索（查找）符合规则的字符串，找到返回数组，否则为null

正则表达式介绍语法元字符修饰符01目标：学习正则表达式概念及语法，编写简单的正则表达式实现字符的查找或检测。

1.3元字符目标：能说出什么是元字符以及它的好处普通字符:大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。

也就是说普通字符只能够匹配字符串中与它们相同的字符。元字符(特殊字符）是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。比如，规定用户只能输入英文26个英文字母，普通字符的话abcdefghijklm…..但是换成元字符写法：[a-z]参考文档：MDN：正则测试工具:

1.什么是元字符以及它的好处是什么？是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能比如英文26个英文字母，我们使用元字符[a-z]简介和灵活

1.3元字符为了方便记忆和学习，我们对众多的元字符进行了分类：边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）量词（表示重复次数）字符类（比如\d表示0~9）

1.3元字符1.边界符正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符如果^和$在一起，表示必须是精确匹配。

1.3元字符1.边界符正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

1.3元字符为了方便记忆和学习，我们对众多的元字符进行了分类：边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）量词（表示重复次数）字符类（比如\d表示0~9）

1.3元字符2.量词量词用来设定某个模式出现的次数注意：逗号左右两侧千万不要出现空格

1.3元字符2.量词量词用来设定某个模式出现的次数

+表示重复至少1次?表示重复0次或1次*表示重复0次或多次{m,n}表示复m到n次

1.3元字符为了方便记忆和学习，我们对众多的元字符进行了分类：边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）量词（表示重复次数）