02_正则表达式的应用

本课目标

• 理解正则表达式概述
• 掌握Js的正则对象Regexp
• 掌握正则表达式的常见用法
• 完成页面注册的手机号码校验

1. 正则表达式概述

• 官方文档：正则表达式 - JavaScript | MDN

• 正则表达式在线测试

1.1 正则表达式的定义

• 介绍：正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。

• 正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为regex、regexp或RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本。

• 总结：就是用来做规则判断的（比如我们给一个规则，然后判断用户输入的字符串是否符合该规则）。

• 如何使用正则表达式：

方法	描述
exec	一个在字符串中执行查找匹配的 RegExp 方法，它返回一个数组（未匹配到则返回 null）。
test	一个在字符串中测试是否匹配的 RegExp 方法，它返回 true 或 false。
match	一个在字符串中执行查找匹配的 String 方法，它返回一个数组，在未匹配到时会返回 null。
matchAll	一个在字符串中执行查找所有匹配的 String 方法，它返回一个迭代器（iterator）。
search	一个在字符串中测试匹配的 String 方法，它返回匹配到的位置索引，或者在失败时返回 -1。
replace	一个在字符串中执行查找匹配的 String 方法，并且使用替换字符串替换掉匹配到的子字符串。
split	一个使用正则表达式或者一个固定字符串分隔一个字符串，并将分隔后的子字符串存储到数组中的 String 方法。

2. 正则表达式在js中的使用

2.1 正则表达式的基本用法

• 课堂案例：01.如何定义正则表达式.html

2.2 正则表达式中的边界符

• 课堂案例：02.边界符与开始和结束的理解.html

2.3 正则表达式中的中括号

• 课堂案例：03.字符集合之中括号.html

2.4 特殊字符与大括号

• 课堂案例：04.特殊字符与大括号.html

2.5 小括号的使用

• 课堂案例：05.小括号的使用.html

2.6 课堂案例

• 课堂案例：06.课堂案例.html

• 
  
  
  
      
      
      
      
      
  
  
  
      请输入用户名
  
  
      请输入用户名
  
  
      请输入邮箱
  
  
      
  
  
  

3. 扩展加强

• 课堂案例：07.replace使用正则.html

• 
  
  
      
      
      
      
  
  
  
      论坛：
  
      
      发布
      
  
  

• 课堂案例：08.match方法.html