js学习四-RegExp正则表达式

最新推荐文章于 2022-04-03 22:30:00 发布

EpisodeOne

最新推荐文章于 2022-04-03 22:30:00 发布

阅读量896

点赞数

分类专栏： JavaScript 文章标签： javascript RegExp Match 正则表达式

本文链接：https://blog.csdn.net/Silencegll/article/details/51418659

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

RegExp正则表达式
方法：
1.regexObj.test(str)
测试正则表达式与指定字符串是否匹配，返回true/false
只要str里包含了regexp就会返回true

code

<!DOCTYPE html>

<html>
<head>
	<meta charset="utf-8">
	<title>RegExp</title>
</head>
<body>
	<input type="text" οnblur="check(this)" οnfοcus="reset(this)" name="">
	<script type="text/javascript">
		function check(numberInput) {
			var value = numberInput.value;
			if(!/6666/.test(value)){
				numberInput.style.borderColor = 'red';
			}
		}
		function reset(numberInput) {
			numberInput.style.bordeColor = '';
		}
	</script>

</body>
</html>

2.锚点
匹配一个位置
- ^:起始位置或者是取反的意思
- $:结尾位置
- \b:单词边界
3.字符类
匹配一类字符中的一个
-[abc]:a或b或c
-[0-9]:一个数字
-[a-z]:一个字母
- . :任一字符（换行符）
-[^0-9]:非数字的字符
4.元字符
具有特殊意义的字符
- ^、$、\b
- \d:[0-9]
- \D:[^\d]
- \s:空白符
- \S:[^\s]
- \w:[A-Za-z0-9]
- \W:[^\w]
5.量词
出现的次数
- {m,n}:m到n次
- *:{0,}
- ?:{0-1}
- +：{1,}
6.转义符
需要匹配的字符是元字符
7.多选分支
|是“或”的意思
/thi(c|n)k/ === /thi[cn]k/
图片文件：/\.(png|jpg|jpeg|gif)$/
邮箱：/(.+)@163|126|188\.com/
8.捕获
保存匹配到的字符串，日后再用
() :捕获
(?:):不捕获
方法：
①str.match(regexp) 返回一个数组
②str.replace(regexp/substr,replacement)替换一个字符，每次只能替换一个
加上‘/g’表示在全局范围内替换
③regexpObj.exec(str)更强大的检索
index
lastIndex

var url = 'http://list.jd.com/list.html?cat=9987,653,655&ev=exbrand_13539&go=0&JL=3_%E5%93%81%E7%89%8C_%E8%AF%BA%E5%9F%BA%E4%BA%9A%EF%BC%88NOKIA%EF%BC%89#J_crumbsBar'
var reg = /(http?:)\/\/([^\/]+)(\/[^\?]*)?)(\?[^#]*)?(#.*)?/;
var arr = url.match(reg)
代码：
/^http/.test("http://baidu.com")
true
/^http/.test("https://baidu.com")
true
/\.jpg$/.test("1.jpg")
true
/\.jpg$/.test("1.jpg cat")
false
/\bis\b/.test('this')
false
/\bis\b/.test('this is dog')
true
/^666$/.test('x666x')
false
/^666$/.test('666')
true
匹配手机号码：
/^1[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/.test('13456789535')
或者是
/^1\d\d\d\d\d\d\d\d\d\d$/.test('13456789535')
或者是
/^1\d{10}$/.test('13456789535')
true

/http:\/\//.test("http://baidu.com")
true
/.com$/.test("http://baidu.com")
true
Q:正则表达式中，量词的贪婪模式与惰性模式有什么区别？
课程中介绍的量词都是贪婪模式（最常用的模式），量词还有个较常用的模式是惰性模式。大家可以自学下这种模式，然后比较下贪婪模式与惰性模式有什么区别。
贪婪模式：在匹配成功的前提下，尽可能多的去匹配；
惰性模式：在匹配成功的前提下，尽可能少的去匹配。
贪婪模式从整个字符串开始查看，不匹配则去掉最后一个字符，再查看是否匹配，如此循环一直到匹配或字符串空为止。
惰性模式只需要在贪婪量词的后面加“？”从第一个字符开始，不匹配则增加一个字符，如此循环直到字符串结束。惰性模式只被部分NFA引擎支持。

EpisodeOne

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习四-RegExp正则表达式

RegExp正则表达式方法：1.regexObj.test(str)测试正则表达式与指定字符串是否匹配，返回true/false只要str里包含了regexp就会返回truecode RegExp function check(numberInput) { var value = numberInput.value; if(!/6
复制链接

扫一扫