例子:取出变量里的数字
![](https://i-blog.csdnimg.cn/blog_migrate/f13ec5dd7ff1fdbaca7e59cead0456a6.png)
<!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>
选择符的使用
暂停要直接练习记住了再说