前端day22--JS(正则表达式,案例思想积累)

目录

介绍:

语法/ /

​编辑

test()方法:

exec()方法:

元字符

边界符:

量词:

字符类:

[ ]及其性质

. 及其性质

预定义:

修饰符:

i和g:

replace(//,'')替换:

案例思想积累:

tab栏切换 → 排他思想

获取某个标签内部的元素都可以用querySelector属性

处理定时器叠加问题


介绍:

正则表达式是一个对象

前端day22--JS(正则表达式,案例思想积累)_第1张图片

前端day22--JS(正则表达式,案例思想积累)_第2张图片

语法/ /

前端day22--JS(正则表达式,案例思想积累)_第3张图片

前端day22--JS(正则表达式,案例思想积累)_第4张图片

test()方法:

正则表达式是一个对象。

test()方法是指括号内是否包含正则表达式。前端day22--JS(正则表达式,案例思想积累)_第5张图片

exec()方法:

vs前者 前者返回一个boolean值 这里返回一个数组

前端day22--JS(正则表达式,案例思想积累)_第6张图片

一个是判断一个是查找,因此前者返回boolean值,后者返回数组。

元字符

元字符:是一些具有特殊含义的字符。

前端day22--JS(正则表达式,案例思想积累)_第7张图片

边界符:

前端day22--JS(正则表达式,案例思想积累)_第8张图片

前端day22--JS(正则表达式,案例思想积累)_第9张图片

量词:

* 重复0次或多次都可以 即任意字符(包括空)都可以;

最后一个的用法逗号两边千万不可以有空格。前端day22--JS(正则表达式,案例思想积累)_第10张图片

字符类:

只要包含abc中的任一字符都可以。

但是如果搭配^$一起使用,则只选一个。

[ ]及其性质

前端day22--JS(正则表达式,案例思想积累)_第11张图片

前端day22--JS(正则表达式,案例思想积累)_第12张图片

前端day22--JS(正则表达式,案例思想积累)_第13张图片

. 及其性质

前端day22--JS(正则表达式,案例思想积累)_第14张图片

例如:

前端day22--JS(正则表达式,案例思想积累)_第15张图片

预定义:

前端day22--JS(正则表达式,案例思想积累)_第16张图片

修饰符:
i和g:

前端day22--JS(正则表达式,案例思想积累)_第17张图片

replace(//,'')替换:

返回值是替换完后的结果

前端day22--JS(正则表达式,案例思想积累)_第18张图片

前端day22--JS(正则表达式,案例思想积累)_第19张图片

案例思想积累:

tab栏切换 → 排他思想

//先删除类(利用类选择器找到类确保能找到),再添加类

获取某个标签内部的元素都可以用querySelector属性

前端day22--JS(正则表达式,案例思想积累)_第20张图片

处理定时器叠加问题

处理定时器叠加问题,通过清理操作,确保只有一个定时器在工作。

前端day22--JS(正则表达式,案例思想积累)_第21张图片

你可能感兴趣的:(前端学习,正则表达式)