正则表达式介绍:
//正则表达式不是js中的独有功能
//其他的一些语言中也有正则的实现方式,当我们在查看关于正则的资料时,要确定你看的内容是不是js所使用的。
//正则表达式的作用:用于对字符串进行操作(匹配,替换,提取)
//正则的使用不仅限于编程中:
//有一天我想要看片了,可能会去一些论坛网站上找资源
//突然我在xxx论坛发现了一个我心仪已久的种子
//这个大神发了一个帖子,想要种子的人,留下你的邮箱
//小明:大神你好,关注你很久,你共享了很多的内容,我都非常喜欢,么么哒,我得邮箱是xiaoming@163.com
//小红:前两天我老公说想看这个片子,我要今天晚上跟他一起看,我得邮箱是xiaohong@sina.com
//李雷:不废话,直接六邮箱 lilei@xxx.gov.com.cn
//我:好人一生平安,邮箱是wuyou@qq.com
//如果这个大神会正则表达式的话,只需要简单的一行代码,即可搞定
正则的声明方式:
<script>
//正则也是一个对象形式,key诶使用构造函数的声明方式以及字面量的声明方式
//1 构造函数声明方式
var reg = new RegExp("abc");
var reg = new RegExp(/abc/);
//2 字面量(推荐方式)
var reg = /abc/;
</script>
test方法与简单类的使用:
<script>
//简单类:可以匹配正则内部设置的所有内容
var reg = /abc/;//可以匹配某个内部含有abc的字符串,abc必须为整体,连续才可以
//正则.test(要验证的字符串) 返回bool值,匹配成功返回true,否则返回false
console.log(reg.test("lhugabcidwa"));//true
console.log(reg.test("lhugaibcdwa"));//false
</script>
字符类:
<script>
//字符类的标识,在正则内部使用[]标识
//[]整体表示一位字符,满足内部的任何一个字符即可
var reg = /[abc]/;//可以匹配含有abc任意一个字符的字符串
console.log(reg.test("ljalubigcliu"));//true
console.log(reg.test("ljbkbluigliu"));//true
console.log(reg.test("ljkaluigliu"));//true
console.log(reg.test("ljkcluigliu"));//true
console.log(reg.test("ljkluigliu"));//false
</script>
反向类:
<script>
//反向类是对字符类功能的扩展
//在字符类的[]内最开始位置书写^,表示反向类
//反向类的作用,为可以匹配除[]内部字符以外的其他字符
var reg = /[^abc]/;//可以匹配到除abc以外的其他字符
console.log(reg.test("abcabcabcd"));//true
console.log(reg.test("kgukg"));//true
console.log(reg.test("aaaaaaaa"));//false
</script>
范围类和组合类:
<script>
//范围类是对字符串功能的扩展,可以使用一个范围表示多种字符
//var reg = /[abcdefghijklmn]/;
//var reg = /[a-n]/;//表示a-n之间的所有小写字符
//console.log(reg.test("uuuuuauuuuuu"));
//console.log(reg.test("uuuuuopqrstuuuuuu"));
//组合类:对范围类的扩展
//var reg = /[a-z]/;//所有的小写字符
//var reg = /[A-Z]/;//所有的大写字符
//var reg = /[0-9]/;//所有的数字字符
//如果想要同时检测多种范围,可以采用自由组合的方式
var reg = /[n-y2-7B-W]/;
</script>
预定于类:
<script>
//预定义类:内部预先准备号的一些匹配方式
console.log(/\d/.test("kudgwaygdi1awud"));
console.log(/\d/.test("kudgwaygdiawud"));
console.log(/\D/.test("1234567890"));
console.log(/\D/.test("123456A7890"));
</script>
或者:
<script>
//|某一个或者另一个
//可以匹配a-e之间的任意一个字符
//单个字符推荐使用字符类
//相当于 /[abcde]/;
//var reg = /a|b|c|d|e/;
//如果每个情况的字符数多余1个,只能使用或者操作
var reg = /ab|bd|io|we|gh/;
</script>
边界:
<script>
//边界标识1:在正则的最开始位置书写^
//表示以后面书写的内容为开头的字符串可以匹配成功
//var reg = /^abc/;
//console.log(reg.test("abcnukfguwadaw"));//true
//console.log(reg.test("hhhabcnukfguwadaw"));//false
//标识2:在正则最后位置书写 $
//表示以$前面的内容为结束的字符串可以匹配成功
//var reg = /abc$/;
//console.log(reg.test("uubuefeabc"));//true
//console.log(reg.test("uubuefeabcmli"));//false
//特殊用法,如果一个正则中同时使用了^和$,表示严格匹配(必须和内部的内容完全一致)
var reg = /^abc$/;
console.log(reg.test("abc"));//true
console.log(reg.test("abcabc"));//false
</script>
量词:
<script>
//使用量词,可以减少对正则内部重复部分的书写
//自定义量词:
//1 {n} 内部的数值表示前面书写的内容重复多少次
//var reg = /^a{5}$/;
//console.log(reg.test("aaaa"));//false
//console.log(reg.test("aaaaa"));//true
//console.log(reg.test("aaaaaa"));//false
//2 {n,} 需要出现的次数为至少n次
//var reg = /^a{3,}$/;
//console.log(reg.test("aa"));
//console.log(reg.test("aaa"));
//console.log(reg.test("aaaa"));
//console.log(reg.test("aaaaa"));
//console.log(reg.test("aaaaaa"));
//3 {n,m} 需要出现的次数为n-m次之间
//var reg = /^a{3,5}$/;
//console.log(reg.test("aa"));
//console.log(reg.test("aaa"));
//console.log(reg.test("aaaa"));
//console.log(reg.test("aaaaa"));
//console.log(reg.test("aaaaaa"));
//预定义量词:
//1 * 表示0次或n次 使用方式(某个要匹配的部分可有可无均正确时,使用*)
//var reg = /^a*$/;
//console.log(reg.test(""));
//console.log(reg.test("a"));
//console.log(reg.test("aaaaa"));
//console.log(reg.test("aaaaaaaaaaaaaa"));
//2 + 表示1次或n次 使用方式,某个部分至少出现一次,可以使用+
//var reg = /^a+$/;
//console.log(reg.test(""));
//console.log(reg.test("a"));
//console.log(reg.test("aa"));
//console.log(reg.test("aaaaa"));
//console.log(reg.test("aaaaaaaaaaaaaa"));
//3 ? 表示0次或1次
// var reg = /^a?$/;
// console.log(reg.test(""));
// console.log(reg.test("a"));
// console.log(reg.test("aa"));
// console.log(reg.test("aaaaaa"));
//注意*所指示的部分,如果需要是整体,可以添加()
var reg = /^(abc)*$/;
console.log(reg.test("abcabcabc"));//true
console.log(reg.test("abcccccccc"));//false
</script>
其他方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>今天天气不错</title>
</head>
<body>
<script>
//字符串.replace(要替换的部分,替换为的部分)
//var str = "abacadae";
//console.log(str.replace("a", "z"));
// //参数1不仅可以为字符串,同样可以设置为正则表达式
// var str = "aAbAacAadAaeA";
//
// //如果希望正则表达式可以匹配所有满足条件的结果,可以使用正则的匹配模式
// //书写位置为正则后面
// // g - global - 全局匹配
// console.log(str.replace(/a/g, "z"));
//// console.log(str.replace(new RegExp("a","g"), "z"));
//
// // i - ignoreCase 忽略大小写
// console.log(str.replace(/a/gi, "z"));
//提取操作:
// 字符串.match(正则) 会将匹配到的内容提取出来,并且返回
var str = "小明:大神你好,关注你很久,你共享了很多的内容,我都非常喜欢,么么哒,我得邮箱是xiaoming@163.com.cn小红:前两天我老公说想看这个片子,我要今天晚上跟他一起看,我得邮箱是xiaohong@sina.com李雷:不废话,直接六邮箱 lilei@xxx.gov.com我:好人一生平安,邮箱是wuyou@qq.com"
//提取出内部的邮箱地址
//console.log(str.match(/\w+@\w+(\.\w+)+/g));
//正则.exec(字符串);
var reg = /(\w+)@\w+(?:\.\w+)+/g;
//使用一个正则同时匹配多次同一字符串,操作会进行累计
//分组提取:在正则中()不仅可以像以前一样使用,还可以进行分组,分组后的内容会被exec提取出来
//但是如果某一个组的内容并不需要提取,可以在这个括号的开始位置,书写?:
console.log(reg.exec(str));
console.log(reg.exec(str));
console.log(reg.exec(str));
console.log(reg.exec(str));
</script>
</body>
</html>