电子商务网站建设实验报告心得,1元建站,wordpress frontopen2,龙口网站制作【JavaScript由浅入深】常用的正则表达式 文章目录 【JavaScript由浅入深】常用的正则表达式写在前面一、认识正则表达式1.1 正则表达式的概念 二、正则表达式的使用2.1 使用构造函数创建正则表达式2.2 使用字面量创建正则表达式2.3 补充 三、正则表达式常见规则3.1 字符类3.2 …【JavaScript由浅入深】常用的正则表达式 文章目录 【JavaScript由浅入深】常用的正则表达式写在前面一、认识正则表达式1.1 正则表达式的概念 二、正则表达式的使用2.1 使用构造函数创建正则表达式2.2 使用字面量创建正则表达式2.3 补充 三、正则表达式常见规则3.1 字符类3.2 锚点、转义字符串3.3 集合和范围3.4 量词 四、字符串与正则表达式的应用4.1 将字符串分割为字符串数组4.2 检索与正则表达式相匹配的值 写在前面 这里是前端程序员小张 人海茫茫感谢这一秒你看到这里。希望我的文章对你的有所帮助 愿你在未来的日子保持热爱奔赴山海 一、认识正则表达式
1.1 正则表达式的概念
正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。许多程序设计语言都支持利用正则表达式进行字符串操作。简单概况正则表达式是一种字符串匹配利器可以帮助我们搜索、获取、替代字符串在JavaScript中正则表达式使用RegExp类来创建也有对应的字面量的方式 正则表达式主要由两部分组成模式patterns和匹配模式flags
二、正则表达式的使用
2.1 使用构造函数创建正则表达式
语法
let 变量 new RegExp(正则表达式,匹配模式);在构造函数中可以传递一个匹配模式作为第二个参数
i 忽略大小写g 全局匹配模式m 多行匹配
2.2 使用字面量创建正则表达式
语法
var 变量 /正则表达式/匹配模式;2.3 补充 使用typeof检查正则对象会返回object 正则表达式的方法test()
使用test可以检查一个字符串是否符合正则表达式的规则如果符合则返回true否则返回false
三、正则表达式常见规则
3.1 字符类
字符类Character classes 是一个特殊的符号匹配特定集中的任何符号。
\d 数字0到9\s 空格符号包括空格制表符 \t换行符 \n 和其他少数稀有字符例如 \v\f 和 \r。\w 拉丁字母或数字或下划线 _. . 是一种特殊字符类它与 “除换行符之外的任何字符” 匹配
3.2 锚点、转义字符串
符号 ^ 匹配文本开头符号 $ 匹配文本末尾如果要把特殊字符作为常规字符来使用需要对其进行转义 只需要在它前面加个反斜杠 常见的需要转义的字符 [] \ ^ $ . | ? * ( )斜杠符号 ‘/’ 并不是一个特殊符号但是在字面量正则表达式中也需要转义
3.3 集合和范围
有时候我们只要选择多个匹配字符的其中之一就可以 在方括号 […] 中的几个字符或者字符类意味着“搜索给定的字符中的任意一个” 方括号也可以包含字符范围 比如说[a-z] 会匹配从 a 到 z 范围内的字母[0-5] 表示从 0 到 5 的数字[A-z] 会匹配任意字母[0-9A-F] 表示两个范围它搜索一个字符满足数字 0 到 9 或字母 A 到 F\d —— 和 [0-9] 相同\w —— 和 [a-zA-Z0-9_] 相同
3.4 量词
数量{n} 确切的位数{5}某个范围的位数{3,5} 缩写 代表“一个或多个”相当于 {1,}?代表“零个或一个”相当于 {0,1}。换句话说它使得符号变得可选*代表着“零个或多个”相当于 {0,}。也就是说这个字符可以多次出现或不出现
四、字符串与正则表达式的应用
4.1 将字符串分割为字符串数组
方法中可以传递一个正则表达式作为参数将会根据正则表达式去拆分字符串
//根据任意字母来将字符串拆分
var str 1a2b3c4d5f6e7
var result str.split(/[A-z]/);
console.log(result);4.2 检索与正则表达式相匹配的值
检索到指定内容则会返回其首次出现的索引号没有检索到则返回-1
可以接收一个正则表达式作为参数然后根据正则表达式去检索字符串
//搜索字符串中是否含有abc或aec或afc
var str hello abc hello aec hello afc;
result str.search(/a[bef]c/);
console.log(result);
