JS正则表达式

JS正则表达式

技术

发布日期: 2020-08-22

文章字数: 1.6k

阅读时长: 6 分

正则表达式

（英语：Regular Expression，在代码中常简写为regex、regexp或RE）
语法
/正则表达式主体/修饰符(可选)

正则的第一种写法

var reg=new RegExp('a');
var str='abcdefg';
alert(reg.test(str));   //返回bool值，代表是否匹配成功

正则表达式的第二种写法

perl风格古老的语言

var re = /a/
var str='abcdefg';
re.test(str);

[ ] 中括号：匹配其中的某一个字符

var str = prompt();
var reg = /[abcde]/;//匹配是否有abcde中的字符
console.log(reg.test(str));

[ a-z ] 匹配所有小写字母
[0-9] == \d 匹配任意一个数字( )

小括号：分组：小括号里面的内容作为整体进行匹配
小括号用于分组，竖线作为间隔代表“或者”的含义
/(ab) | (cd)/ 匹配’ab’ 或者 ‘cd’
/(a|b)cd/ 匹配 ‘acd’ 或者 ‘bcd’
注意：小括号、竖线不要放在 [ ] 内（无意义）

| : 或，跟js中的（||）一样
^：排除（除了）类似js中的（！）
^ (不在中括号里)匹配字符串开头
$ 匹配结尾

var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
/^$/这样的正则代表完整匹配

转义字符：元字符

\d —— [0-9] 数字
\w ——-[a-z0-9_A-Z] 数字，字母，下划线
\s —- 空白字符

\D ——-^0-9 非数字
\W ——-^a-z0-9_ 非数字，字母，下划线
\ S ——-非空白字符

. ——-全部字符
b ——-匹配单词边界
\B ——-匹配非单词边界
\0(数字0) ——-匹配 NUL 字符
\n ——-匹配换行符
\f ——-匹配换页符
\r ——-匹配回车符
\t ——-匹配制表符
\v ——-匹配垂直制表符
\u4e00 - \u9fa5 验证中文

量词：（单位名称）

{n} —-匹配n次

{n,m} —-最少n次，最多m次；

QQ号验证  /^[1-9]\d{4,10}$/

{n,} —-最少n次，最多不限

+  == {1,}最少为一个

? {0,1} 可有可无，最多一个

*  {0,} 可以有也可以没有，个数不限

/(ab|cd){2}/ 匹配字符串"ab" 或者 "cd" 的2次，或者abcd 结果为:abab cdcd abcd cdab

匹配大小写不一样的字母怎么办？

var re=new RegExp(‘a’,’i’)
正则对象中有一个参数，可以传入对应的值，i 代表让正则不区分大小写；
i：忽略大小写
var re= /a/i

g：全局查找
reg = /\d+/ g
g: 代表全局所有（global）

m：多行查找（必须与g一起实用,并且,当使用^和$模式时才会起作用）

正则对象的方法：

1.test方法

该方法用来测试某个字符串是否与正则匹配，匹配就返回true，否则返回false

2.compile方法

该方法的作用是能够对正则表达式进行编译，被编译过的正则在使用的时候效率会更高，适合于对一个正则多次调用的情况下，如果对一个正则只使用一两次，那么该方法没有特别显著的效应

var reg=/[abc]/gi;
console.log(reg.test('a'));
reg=/[cde]/gi;
console.log(reg.test('a'));
reg.compile(reg);
console.log(reg.test('a'));

3.exec方法

返回的是一个数组，数组元素为匹配的子字符串

支持正则的字符串方法

search

查找第一次匹配的子字符串的位置，如果找到就返回一个number类型的index值，否则返回-1

replace

该方法用来将字符串中的某些子串替换为需要的内容，接受两个参数，第一个参数可以为正则或者子字符串，表示匹配需要被替换的内容，第二个参数为被替换的新的子字符串

split

将一个字符串拆分成一个数组，它接受一个正则或者子字符（串）作为参数，返回一个数组

match

接受一个正则作为参数，用来匹配一个字符串，返回一个数组

例子：

    var reg = new RegExp("b");//写法1
    var str = prompt();
    var reg = /b/;// 写法2  匹配是否存在b
    var reg = /[abcde]/;//匹配是否有abcde中的字符
    var reg = /[a-z]/;//匹配所有小写字母
    var reg = /(ab)|(cd)/;//ab  或 cd
    var reg = /(a|b)cd/;//acd  或bcd
    var reg = /[^a-z]/;//不能有小写字母
    var reg = /^[a-z]/;//小写字母开头
    var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
    var reg = /\d/;//匹配0-9的数字[0-9];
    var reg = /./;//匹配所有字符
    var reg = /\./;//转义字符z
    var reg = /\d{6}/;//6个数字（超过也为true）
    var reg = /a\d{6,8}a/;//六到8个数字,前后做好限定,否则会自动过滤掉多余的数字
    var reg = /^[1-9]\d{4,10}$/;//5-11位,完整匹配
    var reg = /\w/;//-[a-z0-9_A-Z]     数字，字母，下划线
    var reg = /\s/;//空格
    var reg = /\D/;//不为数字
    var reg = /^\d+.{3,}$/;// 必须以数字开头,数量一个以上,紧接着任意字符至少三个,并以之结尾
    var reg = /^\d?$/;//以数字开头 一个数字或者没有  {0,1} 可有可无，最多一个
    var reg = /^\d*$/;//{0,} 可以有也可以没有，个数不限
    var reg = /zhangsan/i;//i：忽略大小写
    var reg = /\d+/g;//g: 代表全局所有  （global）
    console.log(reg.test(str));

案例:密码强度

            // html代码如下
            // input type="text" id="pwd"     input标签
            // button 登录 button             button标签

            //js代码如下
            var input = document.querySelector("#pwd");
            var numReg = /\d+/;
            //var letterReg = /^[a-zA-Z]$/;
            var letterReg = /[a-z]+/i;
            var charReg = /[^0-9a-z]+/i;
            //存储三个正则的验证结果

            document.querySelector("button").onclick = function(){
                var arr = [];
                var pwd = input.value;

                arr.push(numReg.test(pwd));
                arr.push(letterReg.test(pwd));
                arr.push(charReg.test(pwd));
                console.log(arr);
                var arr1 = arr.filter(function(item){
                    return item;
                })

                if(arr1.length === 1) alert("弱");
                else if(arr1.length === 2) alert("中");
                if(arr1.length === 3) alert("强");

            }