JavaScript基础11-day13【正则表达式】

学习地址:

  1. 谷粒学院——尚硅谷
  2. 哔哩哔哩网站——尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)

JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】

目录

P88 88.尚硅谷_JS基础_正则表达式语法 23:30

量词

^表示开头;$表示结尾

检查合法手机号

P89 89.尚硅谷_JS基础_正则表达式语法 23:46

元字符.:表示任意字符

检查一个字符串中是否含有 .

检查一个字符串中是否含有 \

转义字符

其它重要元字符

1、\w:任意字母、数字、_  [A-z0-9_]   \W:除了字母、数字、_  [^A-z0-9_]

2、\d:任意的数字 [0-9]   \D:除了数字 [^0-9]

3、\s:空格   \S:除了空格

4、\b:单词边界   \B:除了单词边界

去除字符串前后空格

P90 90.尚硅谷_JS基础_邮件的正则 12:02

P91 91.尚硅谷_JS基础_DOM简介 24:01

P92 92.尚硅谷_JS基础_事件的简介 13:21

P93 93.尚硅谷_JS基础_文档的加载 14:24

P94 94.尚硅谷_JS基础_dom查询 22:31

P95 95.尚硅谷_JS基础_图片切换的练习 26:06


P88 88.尚硅谷_JS基础_正则表达式语法 23:30

JavaScript基础11-day13【正则表达式】_第1张图片

量词

JavaScript基础11-day13【正则表达式】_第2张图片

  • 通过量词可以设置一个内容出现的次数。
  • 量词只对它前边的一个内容起作用。
  • {n}:正好出现n次。
  • {m, n}:出现[m, n]次。
  • {m,}:m次及以上。
  • +:至少一个,相当于{1,}。
  • *:0个或多个,相当于{0,}。
  • ?:0个或1个,相当于{0,1}。

JavaScript基础11-day13【正则表达式】_第3张图片

JavaScript基础11-day13【正则表达式】_第4张图片  

JavaScript基础11-day13【正则表达式】_第5张图片

JavaScript基础11-day13【正则表达式】_第6张图片

JavaScript基础11-day13【正则表达式】_第7张图片

JavaScript基础11-day13【正则表达式】_第8张图片

JavaScript基础11-day13【正则表达式】_第9张图片

JavaScript基础11-day13【正则表达式】_第10张图片

 

^表示开头;$表示结尾

JavaScript基础11-day13【正则表达式】_第11张图片

如果在正则表达式中同时使用^ $,则要求字符串必须完全符合正则表达式。

JavaScript基础11-day13【正则表达式】_第12张图片  JavaScript基础11-day13【正则表达式】_第13张图片

检查合法手机号

创建一个正则表达式,用来检查一个字符串是否是一个合法手机号

手机号的规则:1 3 567890123 (11位)

  1. 第1位:以1开头   ^1
  2. 第2位:3~9任意数字   [3-9]
  3. 第3位及以后:任意数字9个   [0-9]{9}$:$之后不能再有其它内容。

^1      [3-9]      [0-9]{9}$

JavaScript基础11-day13【正则表达式】_第14张图片

P89 89.尚硅谷_JS基础_正则表达式语法 23:46

元字符.:表示任意字符

JavaScript基础11-day13【正则表达式】_第15张图片

  • . 表示任意字符
  • 在正则表达式中使用\作为转义字符
  • \. 来表示.
  • \\  表示\

检查一个字符串中是否含有 .

JavaScript基础11-day13【正则表达式】_第16张图片

检查一个字符串中是否含有 \

JavaScript基础11-day13【正则表达式】_第17张图片

转义字符

注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符,如果要使用\则需要使用\\来代替。

JavaScript基础11-day13【正则表达式】_第18张图片

其它重要元字符

JavaScript基础11-day13【正则表达式】_第19张图片

  1. \w:任意字母、数字、_  [A-z0-9_]
  2. \W:除了字母、数字、_  [^A-z0-9_]
  3. \d:任意的数字 [0-9]
  4. \D:除了数字 [^0-9]
  5. \s:空格
  6. \S:除了空格
  7. \b:单词边界
  8. \B:除了单词边界

1、\w:任意字母、数字、_  [A-z0-9_]   \W:除了字母、数字、_  [^A-z0-9_]

JavaScript基础11-day13【正则表达式】_第20张图片  JavaScript基础11-day13【正则表达式】_第21张图片

2、\d:任意的数字 [0-9]   \D:除了数字 [^0-9]

JavaScript基础11-day13【正则表达式】_第22张图片

3、\s:空格   \S:除了空格

JavaScript基础11-day13【正则表达式】_第23张图片

4、\b:单词边界   \B:除了单词边界

创建一个正则表达式检查一个字符串中是否含有单词child。

JavaScript基础11-day13【正则表达式】_第24张图片

去除字符串前后空格

JavaScript基础11-day13【正则表达式】_第25张图片

P90 90.尚硅谷_JS基础_邮件的正则 12:02

  • 电子邮件:hello  .nihao          @     abc  .com.cn
  • 任意字母数字下划线    .任意字母数字下划线  @   任意字母数字     .任意字母(2-5位)   .任意字母(2-5位)
  • \w{3,}  (\.\w+)*  @  [A-z0-9]+  (\.[A-z]{2,5}){1,2}

JavaScript基础11-day13【正则表达式】_第26张图片

P91 91.尚硅谷_JS基础_DOM简介 24:01

 

 

 

 

 

 

P92 92.尚硅谷_JS基础_事件的简介 13:21

 

 

 

 

 

 

P93 93.尚硅谷_JS基础_文档的加载 14:24

 

 

 

 

 

 

 

P94 94.尚硅谷_JS基础_dom查询 22:31

 

 

 

 

P95 95.尚硅谷_JS基础_图片切换的练习 26:06

 

2020年1月18日、2020年1月19日,这两天又没学习(看小说)。得赶紧学习。希望能好好学习~

2020年1月20日晚,看完了正则表达式,该看dom了,21号再看dom。早睡早起~

你可能感兴趣的:(JavaScript,正则表达式,javascript)