正则表达式

最新推荐文章于 2020-08-09 21:48:51 发布

夕阳下美了剪影

最新推荐文章于 2020-08-09 21:48:51 发布

阅读量178

点赞数

文章标签： javascript Regular Expression

本文链接：https://blog.csdn.net/qq_38401285/article/details/79555686

版权

嗯~~一直有听过正则表达式，然而并不熟悉，现在重新整理一遍~

正则表达式可以用于文本搜索和文本替换。语法模式：/正则表达式主题/修饰符（可选）

例如：/hello world/i ，这是一个正则表达式，/hello world/是正则表达式主体，i是修饰符，表示不区分大小写。

正则表达式常用于字符串的两个方法search()和replace()

search()方法：用于检测字符串中指定的子字符串，或者检测正则表达式中的子字符串，并且返回子字符串的起始位置。

//正则表达式应用于字符串search()
console.log(str.search(/world/i));
//search()也用于字符串

console.log(str.search('hello'));

replace()方法：用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

console.log(str.replace(/world/i,'siming'));

console.log(str.replace('world','siming'));

在javascript中，RegExp是一个预定义了属性和方法的正则表达式对象。有两个方法test()和exec()。

使用 test()

test() 方法是一个正则表达式方法。

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。 console.log(/e/.test('hello world')); //返回true

console.log(/a/.test('hello world'));//返回false

使用 exec()

exec() 方法是一个正则表达式方法。

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

console.log(/e/.exec('hello world'));//返回一个数组

console.log(/a/.exec('hello world'));//返回null

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

方括号

方括号用于查找某个范围内的字符：

表达式	描述
[abc]	查找方括号之间的任何字符。
[^abc]	查找任何不在方括号之间的字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-Z]	查找任何从大写 A 到大写 Z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。
[adgk]	查找给定集合内的任何字符。
[^adgk]	查找给定集合外的任何字符。
(red\|blue\|green)	查找任何指定的选项。

元字符

元字符（Metacharacter）是拥有特殊含义的字符：

元字符	描述
.	查找单个字符，除了换行和行结束符。
\w	查找单词字符。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NULL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。例如，/a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" 中所有的 "a"。
n*	匹配任何包含零个或多个 n 的字符串。例如，/bo*/ 匹配 "A ghost booooed" 中的 "boooo"，"A bird warbled" 中的 "b"，但是不匹配 "A goat grunted"。
n?	匹配任何包含零个或一个 n 的字符串。例如，/e?le?/ 匹配 "angel" 中的 "el"，"angle" 中的 "le"。
n{X}	匹配包含 X 个 n 的序列的字符串。例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。
n{X,}	X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。
n{X,Y}	X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。注意，当匹配 "caaaaaaandy" 时，即使原始字符串拥有更多的 "a"，匹配项也是 "aaa"。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

RegExp 对象方法

方法	描述	FF	IE
compile	编译正则表达式。	1	4
exec	检索字符串中指定的值。返回找到的值，并确定其位置。	1	4
test	检索字符串中指定的值。返回 true 或 false。	1	4

支持正则表达式的 String 对象的方法

方法	描述	FF	IE
search	检索与正则表达式相匹配的值。	1	4
match	找到一个或多个正则表达式的匹配。	1	4
replace	替换与正则表达式匹配的子串。	1	4
split	把字符串分割为字符串数组。	1	4

根据以上知识点，自己做了一个很简单的正则表达式验证，附上源码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.οnlοad=function(){
var oTxt=document.getElementById('txt');
var oBtn=document.getElementById('btn');
var oBox=document.getElementById('box');
oBtn.οnclick=function(){
var reg=/^[0-9]{8}$/; /*定义验证表达式*/
var bl=reg.test(oTxt.value);
if(bl){
oBox.innerHTML='你输入的内容是'+oTxt.value;
//oTxt.value='';
}else{
oBox.innerHTML='你输入的内容不正确';
//oTxt.value='';
}
}
}

</script>
</head>
<body>
<form>
<input type="text" id="txt">
<input type="button" value="click me" id="btn">
</form>
<div id="box"></div>
</body>

</html>

结果图：

夕阳下美了剪影

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则表达式

嗯~~一直有听过正则表达式，然而并不熟悉，现在重新整理一遍~正则表达式可以用于文本搜索和文本替换。语法模式：/正则表达式主题/修饰符（可选）例如：/hello world/i ，这是一个正则表达式，/hello world/是正则表达式主体，i是修饰符，表示不区分大小写。正则表达式常用于字符串的两个方法search()和replace()search()方法：用于检测字符串中指定的子字符串，或者...
复制链接

扫一扫