19.1什么是正则表达式
●正则表达式( Regular Expression) 是用于匹配字符串中字符组合的模式。在JavaScript中, 正则表达式也是对象
●通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式
●正则表达式在JavaScript中的使用场景:
➢例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文(匹配)
➢比如用户名:/ ^[a-z0-9_ -]{3,16}$/
➢过滤掉页面内容中的一-些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。
19.2语法
JavaScript中定义正则表达式的语法有两种,比较简单的一种方法:
1.定义正则表达式语法:
const变量名= /表达式/
➢其中/ /是正则表达式字面量
●比如:
const reg = /前端/
2.判断是否有符合规则的字符串:
test() 方法 用来查看正则表达式与指定的字符串是否匹配
●语法:
reg.test(被检测的字符串)
●比如:
●如果正则表达式与指定的字符串匹配,返回true,否则false
3.检索(查找)符合规则的字符串:
exec() 方法 在一个指定字符串中执行一个搜索匹配
●语法:
regObj.exec(被检测字符串)
●比如:
●如果匹配成功,exec() 方法返回一个数组,否则返回null
19.3元字符
●普通字符:
大多数的字符仅能够描述它们本身,这些字符称作普通字符,例如所有的字母和数字。
也就是说普通字符只能够匹配字符串中与它们相同的字符。
●元字符(特殊字符)
是一些具有特殊含义的字符,可以极大提高灵活性和强大的匹配功能
➢比如,规定用户只能输入英文26个英文字母,普通字符的话abcdefghijklm…
➢但是换成元字符写法: [a-z]
●参考文档:
MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
正则测试工具: http://tool.oschina.net/regex
1.边界符
●正则表达式中的边界符 (位置符) 用来提示字符所处的位置,主要有两个字符
如果^和 $ 在一起,表示必须是精确匹配。
【例如】
console.log(/^哈/.test('哈')) //true
console.log(/^哈/.test('2哈')) //false
console.log(/^哈$/.test('哈')) //true
console.log(/^哈$/.test('哈哈')) //false
2.量词
量词用来设定某个模式出现的次数
注意:逗号左右两侧千万不要出现空格
3.字符类:
(1) [ ] 匹配字符集合
●后面的字符串只要包含abc中任意一个字符,都返回true
(2) [ ] 里面加上-连字符
●使用连字符表示一个范围
console.log(/^[a-z]$/.test('c')) // true
●比如:
➢[a-z] 表示a到z 26个英文字母都可以
➢[a-zA-Z] 表示大小写都可以
➢[0-9] 表示0~9的数字都可以
●比如:
腾讯QQ号: ^[1-9][0-9]{4,}$
(腾讯QQ号从10000开始)
(3) [ ] 里面加上^取反符号
●比如:
➢[^a-z]
匹配除了小写字母以外的字符
➢注意要写到中括号里面
(4) . 匹配除换行符之外的任何单个字符
(5)预定义:指的是某些常见模式的简写方式。
19.4修饰符
●修饰符约束正则执行的某些细节行为,如是否区分大小写、是否支持多行匹配等
●语法:
/表达式/修饰符
➢i是单词ignore的缩写,正则匹配时字母不区分大小写
➢g是单词global的缩写,匹配所有满足正则表达式的结果
console.log(/a/i.test('a')) // true
console.log(/a/i.test('A')) // true
●替换replace替换
●语法:
字符串.replace(/正则表达式/,'替换的文本')