JavaScript正则对象

白酱酱

2024-04-23 帮助1人

在 js中存在一个内置对象——正则对象/ 正则表达式，它是由一组特定的字符或特定字符组合所组成的表达式这个表达式用来指定规则并使用该表达式检测字符串如果字符串满足正则规则检测成功如果不满足检测失败

创建正则表达式:
1.字面量创建：var reg = /正则内容/修饰符
2.构造函数创建：var reg = new RegExp("正则内容","修饰符")

正则修饰符：
g：global全局的如果加了g修饰符表示正则要进行全局检测即从字符串开头一直检测到字符串结尾

var reg = /abc/g;
var str = "abc123abc";
//将两个abc 都替换为 def
var str1 = str.replace(reg,"def");
console.log(str1);

i：ignore忽略如果加了i修饰符表示正则在检测的时候忽略大小写

var reg1 = /abc/i;
var str2 = "ABC123";
var str3 = str2.replace(reg1,"abc");
console.log(str3);

正则的检测方法
   正则对象自己的检测方法
1.test
用法：正则对象.test(要检测的字符串)
   作用：使用正则检测指定字符串如果字符串满足正则条件得到的值为true 否则得到false
2.exec
用法：正则对象.exec(要检测的字符串)
   作用：使用正则检测指定字符串如果字符串满足条件得到的值是数组否则得到null

字符串的检测方法
1.replace
用法：字符串.replace(正则,用来替换的字符片段)
   作用：使用字符片段替换掉正则检测到的字符片段默认只能替掉第一个检测到的字符片段如果想全局替换需要给正则添加修饰符g
2.split 切割字符串
用法：字符串.split(正则);
   作用：使用正则检测到的字符或字符片段作为切割标识进行切割
3.match
用法：字符串.match(正则)
   作用：使用正则检测字符串如果检测成功得到一个数组检测失败得到null
4.search
字符串.search(正则)
   作用：获取正则在字符串中第一次检测到的字符片段的索引
正则的元字符
   1. . 在正则表达式中 . 表示要检测出了换行符(\n)之外的其他字符
2. [范围] 中括号在正则中表示要检测一个范围内的内容例如:[0-9a-zA-Z] 表示检测数字或小写字母或大写字母都可以
3. [^范围] 中括号^ 在正则中表示要检测一个范围之外的内容例如：[^0-9a-zA-Z] 表示检测特殊字符
4.\d 和 \D : \d 要检测数字相当于[0-9] \D 要检测所有非数字字符相当于 [^0-9]
5.\w 和 \W : \w 要检测数字、字母或下划线 \W 要检测非数字，非字母，非下划线
6.\s 和 \S ：\s 要检测空格、\n、\t（制表符）、空字符串等空白字符 \S 要检测非空白字符
7.\b 和 \B ：\b 要检测字符边界 \B 要检测非字符边界
说明：字符边界就是单词的边界例如 as(由于as在这里是一个独立单词因此具备字符边界) has(由于has中的as不是独立单词因此不具备字符边界)
   8.^ 和 $
   ^写法：/^指定内容/ 表示这个正则表达式要求被检测的字符串必须以指定内容开头
$写法：/指定内容$/ 表示这个这则要求被检测的字符串必须以指定内容结尾
9.^ 和 $组合使用(严格模式)
       写法：/^指定内容$/
作用：这种写法被称为正则的严格模式表示要求检测的字符串必须是正则指定的内容既不能多也不能少
正则的量词
   当正则内容出现重复内容的时候我们可以使用量词来实现效果
1.?
        写法：/\d?/
       作用：?表示规定其前面的内容出现0次或1次例如上述代码就表示要求检测的字符串中出现0次或1次数字
2.
写法：/\d /
   作用：表示规定其前面的内容出现至少1次例如上述代码中就表示要求检测的字符串中至少出现1个数字
3.*
写法：/\d*/
   作用：*表示规定其前面的内容可以出现任意多次
4.{x,y}
   写法：/\d{x,y}/
       说明：x 和 y 都是数字
作用：{x,y} 表示规定其前面的内容至少出现x次至多出现y次
5{x}
       写法：/\d{x}/
       说明：x 是数字
   作用：{x} 表示规定其前面的内容必须出现x次

正则的特殊操作
   1.或运算：
   在正则中或运算的写法是 |
例如：/^张三|李四|王二$/
表示该正则要检测的字符串必须是张三或李四或王二这三个名字中的一个
2.分组
   在正则中如果我们想让某一部分内容作为一个整体存在可以使用小括号将其包裹被小括号包起来的部分称为分组
例如：/^14(5|7|9)\d{8}$/
其中的小括号就是一个分组

var reg1 = /^([a-zA-Z] ) ([a-zA-Z] )$/
var str = "Hello world";
console.log(reg1.exec(str));

       上述代码的检测结果为
0: "Hello world"
       1: "Hello"
       2: "world"
       groups: undefined
       index: 0
       input: "Hello world"
       length: 3
       [[Prototype]]: Array(0)
       这个数组的长度为 3
       其原因是当正则表达式中存在分组的时候在使用exec检测时会使用正则进行检测之后在使用每一个分组别进行检测

由于有分组的正则可以使用分组分别进行验证因此我们也可以单独获取分组验证的结果
写作：RegExp.$n
       表示：获取第n个分组的检测结果
注意：如果想通过这种写法单独获取某一分组检测的结果需要事先对正则进行检测

甚至我们在使用字符串方法 replace的时候可以直接使用分组检测的结果

//手机号加密 157****7704
var phoneReg = /^(1[3-9]\d)(\d{4})(\d{4})$/
var str = "15732677704";
var str1 = str.replace(phoneReg,"$1****$3");
//在replace方法中可以直接使用分组检测结果写法为：$n 表示第n个分组检测的结果
console.log(str1);

3.前瞻后顾
?=
写法：/xxx(?=yyy)/
上述正则表示要求 xxx内容之后必须是 yyy内容如果不是yyy内容就检测失败
?!
写法：/(?!yyy)xxx/
表示要求xxx内容的后面不能是 yyy
?<=
写法：/(?<=yyy)xxx/
表示要求xxx内容的前面必须是 yyy
?<!
写法：/(?<!yyy)xxx/;
表示要求xxx内容前面不能是 yyy

基本用法案例原生js

<body>
<input type="text">
<span></span>
<script>
//用户在input中输入密码当input失去焦点的时候就用正则检测用户输入的密码如果满足条件就提示对如果不满足条件就提示错
//获取元素
var inp = document.getElementsByTagName("input")[0];
var span = document.getElementsByTagName("span")[0];
var pwdReg = /^\d\d\d\d\d\d$/;
//onblur 失去焦点事件
inp.onblur = function(){
//就用正则检测用户输入的密码如果满足条件就提示对如果不满足条件就提示错
//获取用户输入的密码
var pwd = this.value;
var res = pwdReg.test(pwd);
if(res){
span.innerText = "对"
}else{
span.innerText = "错"
}
}
</script>
</body>

这篇好文章是转载于：学新通技术网

JavaScript正则对象

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐

怎样阻止微信小程序自动打开