正则表达式入门到放弃--JavaScript

本文详细介绍了JavaScript中的正则表达式,包括字面量和构造函数两种创建方式,以及常用的修饰符、元字符和量词。通过实例展示了正则在字符串匹配、替换和分割等操作中的应用。同时,解释了正则表达式在多行匹配、全局匹配等方面的注意事项。
摘要由CSDN通过智能技术生成

基本概念

正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。
在JavaScript中,正则表达式也是对象。

字面量写法

	let reg= /正则表达式主体/修饰符也叫控制符(可选);
// 例子:
	str = "abcde";
	let patt = /a/i // 匹配a字符,i代表不区分大小写

RegExp 对象写法

	let reg= new RegExp(正则表达式主体,修饰符也叫控制符(可选));
// 例子:
	let regExec=new RegExp("best ");
	document.write(regExec.exec("The best things in life are free")); // exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
	let regTest=new RegExp("things");
	document.write(regTest.test("The best things in life are free")); // test()方法搜索字符串指定的值,根据结果并返回真或假。

常用修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符概念
i匹配字符时,不区分大小写,全都要
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m执行多行匹配

方括号

方括号用于查找某个范围内的字符:

表达式概念
[abc]查找方括号内的任何字符即a,b,c任意组合的字符。
[^abc]查找任何不在方括号之间的字符,即a,b,c任意组合的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符
[A-z]查找任何从大写 A 到小写 z 的字符。
(redblue
例子:
let str="Is this all there is?";
let patt1=/[a-h]/g;
console.log(str.match(patt1)) // match找到一个或多个正则表达式的匹配。
// 打印出数组 ["h","a","h","e","e"]
let patt2=/[abci]/i;
console.log(str.match(patt2))
//['I', index: 0, input: 'Is this all there is?', groups: undefined]
let patt3=/[abci]/ig;
console.log(str.match(patt3))
//  ['I', 'i', 'a', 'i']

RegExp 对象方法

方法概念
exec检索字符串中指定的值。返回找到的值,并确定其位置。
test检索字符串中指定的值。返回 true 或 false。
toString返回正则表达式的字符串。

注意:test()函数 和exec()函数 不能一起使用,会相互占用匹配值。

支持正则的String 对象的方法

方法概念
search检索与正则表达式相匹配的值,检测到返回下标值,否则返回false
match找到一个或多个正则表达式的匹配
replace替换与正则表达式匹配的子串
split把字符串分割为字符串数组

例子:

let str="I your father"; 
let n=str.search("your");
console.log("🚀 ~ file: test.html ~ line 51 ~ n", n);

let str1="I your father"; 
let n1=str1.match ("r");
console.log("🚀 ~ file: test.html ~ line 55 ~ n1", n1);

let str2="I your father"; 
let n2=str2.replace ("father", "mother");
console.log("🚀 ~ file: test.html ~ line 58 ~ n2", n2);

let str3="I your father"; 
let n3=str3.split ('');
console.log("🚀 ~ file: test.html ~ line 62 ~ n3", n3);
    

常用元字符

元字符(Metacharacter)是拥有特殊含义的字符:

元字符概念
.匹配除换行符以外的任意字符
\w匹配字母或数字或下划线或汉字
\d匹配数字
\s匹配任意的空白符
\b匹配单词的开始或结束
\0查找 NULL 字符
^匹配字符串的开始(在集合字符里[^a]表示非(不匹配)的意思)
$匹配字符串的结束

小写字母是代表干某某某,大写字母代表是不干某某某。

例子:

let str=" Run code"; 
let patt1=/\bRun/g;
console.log(str.match(patt1));
// ['Run']
let str1="Runcode"; 
let patt1=/\wcode/g;
console.log(str1.match(patt1));
// ['ncode']
let str2="Give 100%!"; 
let patt2=/\W!/g;
console.log(str2.match(patt2));
// ['%!']
let str3="Give 100%!"; 
let patt3=/\d/g;
console.log(str2.match(patt3));
//  ['1', '0', '0']
let str = "Run code";
let reg = new RegExp("Run",'g'); //记得写转义字符 \
let patt = /\bRun/g;
console.log(reg.exec(str));
//   console.log(reg.test(str));
// 使用RegExp.test()函数,导致第一个匹配值被占用了,后面的exec()函数直接从第二个匹配值开始检索,会导致出问题,即两个方法不能一起使用
console.log(reg.toString(str));

量词

在这里插入图片描述
这些符号被称为正则表达式模式修饰符,用法含义如下:

1、/g 表示该表达式将用来在输入字符串中查找所有可能的匹配,返回的结果可以是多个。如果不加/g最多只会匹配一个
2、/i 表示匹配的时候不区分大小写,这个跟其它语言的正则用法相同
3、/m 表示多行匹配。什么是多行匹配呢?就是匹配换行符两端的潜在匹配。影响正则中的^$符号
4、/s 与/m相对,单行模式匹配。
5、/e 可执行模式,此为PHP专有参数,例如preg_replace函数。
6、/x 忽略空白模式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

竹林海灵

谢谢义父

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值