基础知识 | 正则表达式-CSDN博客

本文链接：https://blog.csdn.net/a123pplequeen/article/details/123290505

例子：取出变量里的数字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 取出里面的数字
		let hd="houdunren2200hdcms9988";
		let nums=[...hd].filter(a=> !Number.isNaN(parseInt(a)));
		console.log(nums.join(""));
		
		// 正则表达式取出里面的数字
		console.log(hd.match(/\d/g).join(""));
		</script>
	</body>
</html>

创建正则表达式

字面量创建正则表达式

用//包裹，里面放正则表达式的语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
        //方法一
		// 查找字符串里是否有h
	    let st='math.english';
		// test是检测,结果ture/false来知道是否有值
		console.log(/h/.test(st))
		
		
        //方法二
        //设置一个变量去匹配查找值
		let th='math.english';
		let a="h";
		console.log(eval(`/${a}/`).test(th));
		</script>
	</body>
</html>

使用对象创建正则表达式

用let reg=new RegExp(),括号里写条件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		//全局查找 u
		
		//第一种
		//设置变量
		// let th='studyenglish';
		//写条件
	    // let reg=new RegExp("u","g");
		// console.log(reg.test(th));
		
		
		//第二种用变量匹配
		let td='studyenglish';
		let a='u';
		//第一个a是变量
		let reg=new RegExp(a,"g");
		console.log(reg.test(td));
		</script>
	</body>
</html>

例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			houdunren.com
		</div>
		<script>
		let con=prompt("请输入要检测的内容，支持正则");
		let reg=new RegExp(con,'g');
		let div=document.querySelector("div");
		div.innerHTML=div.innerHTML.replace(reg,search=>{
			return `<span style="color:red">${search}</span>`
		})
		</script>
	</body>
</html>