正则表达式
概念
正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。
在JavaScript中,正则表达式也是对象。
正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。
其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript 正则表达式完成表单验证。
特点
正则表达式的灵活性 逻辑性 和功能性都非常强
可以用简单的方式来达到复杂的控制
看起来是真的难
实际开发中我们都是cv战神 基本都不会自己写 而是cv过来进行一些条件上的修改
使用
创建正则表达式
在JavaScript中 可以通过两种方式来创建一个正则表达式
1 通过调用RegExp对象的构造函数创建
var regexp = new RegExp(/123/);
2 通过自变量来创建
var reg = /123/
测试正则表达式
我们一般用test方法来测试正则表达式
tset()方法的返回值是布尔值 参数是我们要测试的字符串
var rg = /123/; console.log(rg.test(123));//匹配字符中是否出现123 出现结果为true console.log(rg.test('abc'));//匹配字符中是否出现123 未出现结果为false
特殊字符
正则表达式可以由简单的字符构成 比如/abc/
也可以是简单和特殊字符的结合 比如/ab*c/等等
这些特殊字符我们也称为元字符
这些特殊字符很多 我们可以参考文档
这里不一一列举
边界符
// 边界符 ^ $ var rg = /abc/; // 正则表达式里面不需要加引号 不管是数字型还是字符串型 // /abc/ 只要包含有abc这个字符串返回的都是true console.log(rg.test('abc')); console.log(rg.test('abcd')); console.log(rg.test('aabcd')); console.log('---------------------------'); var reg = /^abc/; console.log(reg.test('abc')); // true console.log(reg.test('abcd')); // true console.log(reg.test('aabcd')); // false console.log('---------------------------'); var reg1 = /^abc$/; // 精确匹配 要求必须是 abc字符串才符合规范 console.log(reg1.test('abc')); // true console.log(reg1.test('abcd')); // false console.log(reg1.test('aabcd')); // false console.log(reg1.test('abcabc')); // false
字符类
方括号[]
表示有一系列字符可供选择,只要匹配其中一个就可以了
// 字符类: [] 表示有一系列字符可供选择,只要匹配其中一个就可以了 var rg = /[abc]/; // 只要包含有a 或者 包含有b 或者包含有c 都返回为true console.log(rg.test('andy')); console.log(rg.test('baby')); console.log(rg.test('color')); console.log(rg.test('red')); var rg1 = /^[abc]$/; // 三选一 只有是a 或者是 b 或者是c 这三个字母才返回 true console.log(rg1.test('a')); console.log(rg1.test('b')); console.log(rg1.test('c')); console.log(rg1.test('ab')); console.log(rg1.test('abc')); console.log('------------------'); var reg = /^[a-z]$/; // 26个英文字母任何一个字母返回 true - 表示的是a 到z 的范围 console.log(reg.test('a')); console.log(reg.test('x')); console.log(reg.test(2)); console.log(reg.test('A')); // // 字符组合 // var reg1 = /^[a-zA-Z0-9_-]$/; // 26个英文字母(大写和小写都可以)任何一个字母返回 true let reg1 = /^[a-zA-Z0-9-@]/ console.log(reg1.test('a')); console.log(reg1.test('B')); console.log(reg1.test(8)); console.log(reg1.test('@')); console.log(reg1.test('9')); console.log(reg1.test('!'));
量词符
量词符用来设定某个模式出现的次数
正则替换replace
replace() 方法可以实现替换字符串操作,用来替换的参数可以是一个字符串或是一个正则表达式。