js进阶正则表达式实现过滤字符串(RegExp对象操作正则表达式)(正则:regular)(表达式:expression)
一、总结
1、str_replace:正则作用:高效快速匹配
2、break关键字
3、RegExp对象操作正则表达式
(正则:regular)
- ['regjʊlə]
(表达式:expression)
- [ɪkˈspreʃn]
二、js进阶正则表达式实现过滤字符串
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
<style type="text/css">
div{
background: rgba(30,100,30,0.2);
width: 800px;
margin:20px auto;
padding: 15px;
text-align: center;
}
h2{
text-align: center;
}
input[type=text]{
height: 30px;
font-size: 20px;
width: 600px;
padding: 10px;
};
</style>
</head>
<body>
<h2>正则表达式示例演示</h2>
<div>
<p>示例字符串:<input type="text" id="str" name="str" value=""></p>
<p>筛选部分:<input type="text" id="st" name="st" value=""></p>
<p>筛选结果:<input type="text" id="res" name="res" value=""></p>
<input type="button" value="测试按钮" onclick="resplace()">
</div>
<script type="text/javascript">
function resplace(){
var str=document.getElementById('str').value;
var st=document.getElementById('st').value;
var res=document.getElementById('res');
/*
for(var i=0;i<str.length;i++){
if (str.indexOf(st)>-1){
str=str.replace(st,'') //1、str_replace:正则作用:高效快速匹配
//把包含特定字符串转换成空字符
}else{break}//如果没有了,退出循环 //2、break关键字
}
res.value=str;
*/
res.value=str.replace(new RegExp(st,'g'),''); //3、RegExp对象操作正则表达式
}
</script> </body>
</html>