开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:张丽君
撰写时间:2020年4月26日
知识点罗列:
JavaScript正则表达式
1.正则表达式:又称规则表达式
英文名为Regular Expression,在代码中常简写为regex、RegExp或RE
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来 检查一个字符串是否符合规则,可以将字符中符合规则的内容提取出来。
手机号的规则:
首先 13893443823(11位数字)
1.以1开头
2.第二位(3-9)
3.第三位以后任意9个数字
语法: var 变量=new RegExp(“正则表达式”,“匹配模式”);
使用typeof检查正则对象,则会返回object
var reg=new RegExp(“a”); 这个表达式可以用来检查一个字符串中是否含有字a
在构造函数中可以传递一个匹配模式作为第二个参数
i 忽略大小写
g 全局匹配
例如:var reg=new RegExp(“a”,“i”);
console.log(reg);
2.正则表达式的方法:
test()
- 使用这个方法可以用来检查一个字符串中是否符合正则表达式的规则
如果符合则返回true,否则返回false
例如:var str=“SDFSDFa”;
var result=reg.test(str);
console.log(result);
3.使用字面量来创建正则表达式
语法: var 变量=/正则表达式/匹配模式
- 使用字面量的方法创建更加简单
- 使用构造函数创建更加灵活
//var reg=new RegExp(“a”,“i”);//用构造函数创建正则表达式
例如:var reg=/a/i;
console.log(reg);
创建一个正则表达式,去检查一个字符串中是否含有a或b或c
例如:reg=/a|b|c/;
使用|表示或则的含义
例如:console.log(reg.test(“werwer”));
创建一个正则表达式,去检查一个字符串中是否含有字母
例如:reg=/a|b|c|d|e|f/;
[] 使用中括号表示范围
[abc] 等价于 a|b|c
[a-z] 表示匹配所有的小写字母
[A-Z] 表示匹配所有的大写字母
[A-z] 表示匹配所有的字母(包含大小写)
[0-9] 表示匹配所有的数字
例如:reg=/[abc]/;
reg=/[a-z]/;
reg=/[A-Z]/i;
reg=/[0-9]/;
console.log(reg.test(“123”));
检查一个字符串中是否含有abc 或 adc 或则aec
例如:reg=/a[bde]c/;
创建一个正则表达式,去检查一个字符串中是否含有除了abc以外的字符
例如:[^] //shift+6
除了方括号内的所有字符
例如:reg=/[^abc]/;
console.log(reg.test(“ab”));
4.字符串与正则表达式相关的方法
- 支持正则表达式的String对象的方法
search() - 检索与正则表达式相匹配的值。
match() - 找到一个或多个正则表达式的匹配。
replace() - 替换与正则表达式匹配的子串。
split() - 把字符串分割为字符串数组。
split()
- 把字符串分割为字符串数组。
- 该方法可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分
- 该方法即使不指定全局匹配,也会全部拆分字符串
例如:var str=“1h3h5h6u6n8b6f5A4N5N6”;
var result=str.split(/[a-z]/i);
console.log(result);
search() - 可以搜索字符串中是否含有指定内容
- 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到到返回-1
- 它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
- serach() 只会查找第一个,即使设置全局匹配也没用
例如:str=“hi,him,his,history”;
result=str.search(/hi/);
console.log(result);
macth() - 可以根据正则表达式,从一个字符串中将符合条件的内容提取来
- 默认情况下我们的macth只会找到第一个符合要求的内容,找到以后就停止检索
我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
可以为一个正则表达式设置多个匹配模式,且顺序无所谓 - match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
例如:str=“2234sdfsd汉斯234sddfASDADS”;
result=str.match(/[a-z]/ig);
console.log(result);
replace() - 可以将字符串中指定内容替换为新的内容
- 参数说明:
1.被替换的内容
2.新的内容
例如:str=“hi,him,his,history”;
result=str.replace(/,/g,"_");
console.log(result);
5.正则表达式语法(量词)
创建一个正则表达式检查一个字符串中是否含有aaa
例如:var reg=/aaa/;
console.log(reg.test(“asdfsaaa”));
量词: - 通过量词可以设置一个内容出现的次数
- 量词只对它前面一个内容起作用
- {n} 出现n次
- {m,n} 出现m次到n次
- {n,} 出现n次以上
-
- 至少出现一次
-
- 出现零次或则零次以上
- ? 出现一次或则零次
例如:reg=/a{3}/;
reg=/(ab){3}/;
console.log(reg.test(“ababababbababba”));
reg=/ab{2,4}c/;
reg=/ab{2,}c/;
reg=/ab+c/;
reg=/ab*c/;
reg=/ab?c/;
- 该方法即使不指定全局匹配,也会全部拆分字符串
检查一个字符串中是否以a开头
^ 表示开头
$ 表示结尾
例如:reg=/^a
/
;
创
建
一
个
正
则
表
达
式
,
用
来
检
查
一
个
字
符
串
是
否
是
一
个
合
法
手
机
号
手
机
号
的
规
则
:
13893443823
(
11
位
)
1.
以
1
开
头
2.
第
二
位
(
3
−
9
)
3.
第
三
位
以
后
任
意
9
个
数
字
例
如
:
r
e
g
=
/
1
[
3
−
9
]
[
0
−
9
]
9
/; 创建一个正则表达式,用来检查一个字符串是否是一个合法手机号 手机号的规则: 1 3893443823(11位) 1.以1开头 2.第二位(3-9) 3.第三位以后任意9个数字 例如:reg=/^1[3-9][0-9]{9}
/;创建一个正则表达式,用来检查一个字符串是否是一个合法手机号手机号的规则:13893443823(11位)1.以1开头2.第二位(3−9)3.第三位以后任意9个数字例如:reg=/1[3−9][0−9]9/;
console.log(reg.test(“1380922568512”));
6.正则表达式语法
检查一个字符串中是否含有"."
“.“表示匹配任意字符
在正则表达式中\反斜杠 作为转义字符
若想要匹配字符”.“正则表达式为 .
表示匹配一个反斜杠
例如:var reg=/./;//匹配任意字符
reg=/./;//匹配“.”
console.log(reg.test(“hsdfs.sdfs.as”));
. 表示匹配任意字符
\w 匹配任意字母、数字、”" 下划线==》[A-z0-9]
\W 匹配除了字母、数字、”" 下划线==》[^A-z0-9]
\d 匹配数字[0-9]
\D 除了数字[^0-9]的任意字符
\s 匹配空格
\S 匹配除了空格的任意字符
\b 匹配单词边界
\B 匹配非单词边界。
例如:reg=/\s/;//
console.log(reg.test(" “));
var str=“sfs v asdfsd”;
str=str.replace(/\s/g,”");
console.log(str);//去除空格后的字符串
创建一个正则表达式检查一个字符串汇总是否含有单词hi
例如:reg=/\bhi\b/;
console.log(reg.test(“his,history,him,hi”));