JavaScript前端开发案例教程-全套PPT课件.ppt

9.1认识正则表达式获取正则对象值得一提构造函数方式与字面量方式创建的正则对象，虽然在功能上完全一致，但它们在语法实现上有一定的区别，前者的pattern在使用时需要对反斜杠（\）进行转义。而后者的pattern在编写时，要放在定界符“/”内，flags标记则放在结尾定界符之外9.2字符类别与集合字符类别好处：有效的使用字符类别可以使正则表达式更加简洁，便于阅读。举例1：大写字母、小写字母和数字可以使用“\w”直接表示。案例2：若要匹配0到9之间的数字可以使用“\d”表示。9.2字符类别与集合字符类别字符含义字符含义.匹配除“\n”外的任何单个字符\f匹配一个换页符（form-feed）\d匹配任意一个阿拉伯数字（0~9）\D匹配任意一个非阿拉伯数字字符\s匹配一个空白符，包括空格、制表符、换页符、换行符等\S匹配一个非空白符\w匹配任意一个字母（大小写）、数字和下划线\W匹配任意一个非“字母（大小写）、数字和下划线”的字符\b匹配单词分界符。如“\bg”可以匹配“bestgrade”，结果为“g”\B非单词分界符。如“\Bade”可以匹配“bestgrade”，结果为“ade”\t匹配一个水平制表符（tab）\r匹配一个回车符（carriagereturn）\n匹配一个换行符（linefeed）\v匹配一个垂直制表符（verticaltab）\xhh匹配ISO-8859-1值为hh（2个16进制数字）的字符，如“\x61”表示“a”\uhhhh匹配Unicode值为hhhh（4个16进制数字）的字符，如“\u597d”表示“好”9.2字符类别与集合字符类别下面为了方便读者理解字符类别的使用，以“.”和“\s”为例进行演示.varstr=goodidea;//正则对象varreg=/\s../gi;//匹配结果：[id]str.match(reg);正则对象reg用于匹配空白符后的任意两个字符（除换行外）。因此在控制台查看到的结果中，id前有一个空格。9.2字符类别与集合字符集合字符集合的表示方式：“[]”可以实现一个字符集合。字符范围：与连字符“-”一起使用时，表示匹配指定范围内的字符。反义字符：元字符“^”与“[]”一起使用时，称为反义字符。不在某范围内：“^”与“[]”一起使用，表示匹配不在指定字符范围内的字符。9.2字符类别与集合字符集合以字符串get好TB6.match(/pattern/g)为例演示其常见的用法。pattern说明匹配结果[cat]匹配字符集合中的任意一个字符c、a、t[t][^cat]匹配除c、a、t以外的字符(6)[g,e,好,T,B,6][B-Z]匹配字母B~Z范围内的字符(2)[T,B][^a-z]匹配字母a~z范围外的字符(4)[好,T,B,6][a-zA-Z0-9]匹配大小写字母和0~9范围内的字符(6)[g,e,t,T,B,6][\u4e00-\u9fa5]匹配任意一个中文字符[好]9.2字符类别与集合字符集合注意字符“-”在通常情况下只表示一个普通字符，只有在表示字符范围时才作为元字符来使用。“-”连字符表示的范围遵循字符编码的顺序，如“a-Z”、“z-a”、“a-9”都是不合法的范围。9.2字符类别与集合【案例】限定输入内容代码实现思路：编写HTML，设置一个年（份）和月（份）的文本框，以及一个查询按钮。获取操作的元素对象，对表单的提交进行验证。验证年份，正则：/^\d{4}$/。验证月份，正则：/^((0?[1-9])|(1[012]))$/。文本框获取焦点，去除提示框的颜色。文本框失去焦点，去除输入内容的两端的空白，并进行验证。9.3字符限定与分组字符限定——限定符提出问题：匹配一个连续出现的字符，如6个连续出现的数字“458925”。解决方案1：正则对象/\d\d\d\d\d\d/gi。存在的问题：重复出现的“\d”既不便于阅读，书写又繁琐。解决方案2：使用限定符（?、+、*、{}）完成某个字符连续出现的匹配。正则对象/\d{6}/gi。9.3字符限定与分组字符限定——限定符字符说明示例结果?匹配前面的字符零次或一次hi?t可匹配ht和hit+匹配前面的字符一次或多次bre+ad可匹配范围从bread到bre…ad*匹配前面的字符零次或多次ro*se可匹配范围从rse到ro…se{n}匹配前面的字符n次hit{2}er只能