正则表达式

概念
正则表达式( 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() 方法可以实现替换字符串操作,用来替换的参数可以是一个字符串或是一个正则表达式。

 

posted @ 2023-04-06 00:13  YE-  阅读(12)  评论(0编辑  收藏  举报