您的位置：首页 > Web前端 > JavaScript

js中正则表达式的理解（一）

2017-11-15 15:17 190 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则表达式</title>
</head>
<body>
<input type="text" id="content" size="50">
<br><br>
<input type="button" id="btn1" value="test">
<input type="button" id="btn2" value="exec">
<input type="button" id="btn3" value="匹配多个">
</body>
</html>
<script type="text/javascript">
var str1='hello';
//正则表达式 以//开头和结尾 g表示全局查找 i表示不区分大小写
//以下表达会表示字符串中是否存在数字8
var reg=/8/gi;
console.log(reg.test(str1));

var str2='hello,javascript,php';
//\d表示字符串中是否有数字 \D表示一个字符串中是否有非数字
var reg1=/\d/gi;
console.log(reg1.test(str2));

//要使用则正表达式。必须要在程序中创建正则对象
//方式1 隐式创建 以上方法就是隐式创建
var reg3=/8/gi;
console.log(typeof reg3);
console.log(reg3.constructor);

//方式2 直接实例化 如果使用直接实例化，那么像“\d”这样的字符，需要转义”\\d”
var str2='hello,javascript,php';
var reg4=new RegExp('8','gi');
console.log(reg4.test(str2));
console.log(typeof reg4);
console.log(reg4.constructor);

window.onload=function(){
//RegExp方法的使用 test中 匹配指定的模式是否出现在字符串中 只返回ture或者false
document.getElementById('btn1').onclick=function(){
var content=document.getElementById('content').value;
var reg5=/\d\d\d/gi;
var result=reg5.test(content);
console.log(result);
}

//exec ：返回匹配模式的字符串 注意此方法只会匹配一次
document.getElementById('btn2').onclick=function(){
var content=document.getEl
4000
ementById('content').value;
var reg5=/\d\d\d/gi;
var result=reg5.exec(content);
console.log(result);
}

//匹配多个写法
document.getElementById('btn3').onclick=function(){
var content=document.getElementById('content').value;
var reg5=/\d\d\d/gi;
var result;
while(result=reg5.exec(content)){
console.log(result);
}
}
}
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航