正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。这是较为官方的名词解释,但是具体该如何创建正则表达式呢?来看下面代码
利用RegExp对象来创建正则表达式;
let regexp = new RegExp(/123/);
console.log(regexp);
利用字面量创建 正则表达式,相对于上一种方法更为简介。
let rg = /123/;
说完如何创建正则表达式,我们得知道如何去判断这个正则表达式的真伪,我们用 test这个方法来看下面代码
console.log(rg.test(1234)); //true
console.log(rg.test("anf")); //false
正则表达式中的特殊字符边界符 ^ $ 的简单使用
let rg2 = /abc/;
// 只要包含abc这个字符串返回的都是true;
console.log(rg2.test("abc")); //true
console.log(rg2.test("abcd")); //true
console.log(rg2.test("1abc")); //true
^符号以abc开头即为真
let rg3 = /^abc/;
//以abc开头都显示true
console.log(rg3.test("abc")); //true
console.log(rg3.test("abcd")); //true
console.log(rg3.test("1abc")); //false
$符号以abc结尾即为真
let rg4 = /abc$/;
//以abc结尾都显示true
console.log(rg4.test("abc")); //true
console.log(rg4.test("abcd")); //false
console.log(rg4.test("1abc")); //true
如果^符号和$符号在一起 即为精确匹配
let rg5 = /^abc$/;
// 精确匹配只有是abc才显示true
console.log(rg5.test("abc")); //true
console.log(rg5.test("abcd")); //false
console.log(rg5.test("1abc")); //false
字符类【】:匹配其中任意一个即可,返回为真
let rg6 = /[abc]/;
//字符类
//匹配其中任意一个即可,返回为真
console.log(rg6.test("abc")); //true
console.log(rg6.test("abcd")); //true
console.log(rg6.test("1abc")); //true
如果加上边界符 let rg6 = /^[abc]$/ ,匹配啊a,或者b,或者c 才返回为真
[-] 范围符号
// 26个英文字符任何一个字谜返回true
let rg7 = /^[a-z]$/;
console.log(rg7.test("a")); //true
console.log(rg7.test("2")); //false
console.log(rg7.test("a")); //true
字符组合
// 字符组合
// 在中括号里有^是表示取反的意思
let rg8 = /^[^a-zA-Z0-9]$/;
console.log(rg8.test("a")); //false
console.log("--------------------");
量词符
// 量词符
//* 允许a出现0次或者无数次
let rg9 = /^a*$/;
console.log(rg9.test("")); //true
console.log(rg9.test("aa")); //true
console.log("--------------------");
//+ a出现1次或者无数次;
let rg10 = /^a+$/;
console.log(rg10.test("")); //false
console.log(rg10.test("aa")); //true
console.log("--------------------");
//? a出现1次或者0次;
let rg11 = /^a?$/;
console.log(rg11.test("")); //true
console.log(rg11.test("a")); //true
console.log(rg11.test("aa")); //false
console.log("--------------------");
//{3} a只能重复三次
let rg12 = /^a{3}$/;
console.log(rg12.test("aaa")); //true
console.log(rg12.test("a")); //false
console.log(rg12.test("aa")); //false
console.log("--------------------");
//{3,} a大于等于3
let rg13 = /^a{3,}$/;
console.log(rg13.test("aaa")); //true
console.log(rg13.test("aaaa")); //true
console.log(rg13.test("aa")); //false
console.log("--------------------");
//{3,8} a大于等于3 并且 a小于等于8
let rg14 = /^a{3,8}$/;
console.log(rg14.test("aaaa")); //true
console.log(rg14.test("aaaaaaaaa")); //9所以false
console.log(rg14.test("aa")); //false
console.log("--------------------");
如果想要整个html文件可以私信我!!!
感谢看完的小伙伴,努力学习定会学有所成,相信自己最难不过坚持加油持续下去,明天的你会更好。你只管努力,剩下的交给时间。