您的位置：首页 > Web前端 > JavaScript

js学习四-RegExp正则表达式

2016-05-15 20:07 459 查看

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" onblur="check(this)" onfocus="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引擎支持。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript RegExp Match 正则表达式

相关文章推荐

新的分享

章节导航