js正则表达式
目录
- 正则表达式定义及作用
- 字符串方法使用正则表达式
- 修饰符及模式
- RegExp对象
- 实际用例
- 正则在线工具
正则表达式定义及作用
定义
使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式
语法
/正则表达式主体/修饰符(可选)
作用
- 文本搜索
- 文本替换
字符串方法使用正则表达式
search()方法
检索与正则表达式相匹配的子字符串,并返回子串的起始位置
代码实例
var str = 'HvGege'
var n = str.search(/ge/i)
console.log(n)
输出结果
2
代码解释
- i是一个修饰符, 表示搜索不区分大小写
- search()方法也可以用于检索字符串中指定的子字符串
replace()方法
替换第一个与正则表达式匹配的子串
代码实例
var str = 'HvGege'
var str1 = str.replace(/ge/ig, "gege")
console.log(str1)
输出结果
Hvgegegege
代码解释
- g是修饰符, 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
- 修饰符可以叠加, 此处使用两个修饰符i,g
修饰符及模式
修饰符
- i执行对大小写不敏感的匹配
- g执行全局匹配
- m执行多行匹配
表达式
- [abc]查找方括号之间的任何字符
- [0-9]查找任何从0至9的数字
- (x|y)查找任何以|分隔的选项
元字符
- \d查找数字
- \s查找空白字符
- \b匹配单词边界
量词
- n+匹配任何包含至少一个n的字符串
- n*匹配任何包含零个或多个n的字符串
- n?匹配任何包含零个或一个n的字符串
RegExp对象
RegExp对象是一个预定义了属性和方法的正则表达式对象
test()方法
用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false
代码实例
var patt = /e/
console.log(patt.test("hvgege"))
输出结果
true
代码解释
- 实例用于搜索字符串中的字符 “e”
- 字符串中含有 “e”, 则实例中输出true
exec()方法
用于检索字符串中的正则表达式的匹配, 返回一个对象,其中存放匹配的结果, 如果未找到匹配,则返回值为 null
代码实例
var patt = /e/
console.log(patt.exec("hvgege"))
输出结果
["e", index: 3, input: "hvgege", groups: undefined]
代码解释
- 实例用于搜索字符串中的字母 “e”
- 字符串中含有 “e”, 所以该实例输出对象
实际用例
校验电话格式
function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
校验邮箱地址
function IsEmail(str) {
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
return reg.test(str);
}
正则在线工具
正则表达式在线测试工具
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具
http://tools.jb51.net/regex/create_reg