正则表达式
1.正则表达式概述
(1)什么是正则表达式
(2)正则表达式的特点
2.正则表达式在JavaScript中的使用
(1)创建正则表达式
(2)测试正则表达式
3.正则表达式中的特殊字符
(1)正则表达式的组成
(2)边界符
(3)字符类
<script>
//利用RegExp对象来创建正则表达式
var regexp = new RegExp(/123/);
//利用字面量创建正则表达式
var rg = /^123/; //以123开头
var rg1 = /abc$/; //以abc结尾
var rg2 = /^abc$/; //以abc开头且以abc结尾
var rg3 = /[abc]/; //只要包含abc中的一个就返回true
//只要是24个英文字母中的任何一个或者0-9中的任意一个数字就返回true
var rg4 = /^[a-zA-Z0-9]$/;
var rg5 = /^[^a-zA-Z0-9]$/; //中括号中的^表示取反
</script>
(4)量词符
var reg1 = /^a*$/; //a可以出现任意次数,包含0次
var reg2 = /^a+$/; //a可以出现任意次数,不包含0次
var reg3 = /^a?$/; //a出现1次或0次
var reg4 = /^a{3}$/; //a重复三次
var reg4 = /^abc{3}$/; //c重复三次
var reg4 = /^(abc){3}$/; //abc重复三次,小括号表示优先级
var reg5 = /^a{3,}$/; //a大于等于三次
var reg6 = /^a{3,6}$/; //a大于等于三次小于等于六次,花括号内不能有空格
(5)括号总结
(6)预定义类
//检验座机号码,如010-12345678或0530-1234567
var reg = /^\d{3,4}-\d{7,8}$/;
4.正则表达式中的替换
(1)replace替换
(2)正则表达式参数
<body>
<textarea name="" id="message"></textarea><button>提交</button>
<div></div>
<script>
var text = document.querySelector('textarea');
var btn = document.querySelector('button');
var div = document.querySelector('div');
btn.onclick = function() {
div.innerHTML = text.value.replace(/傻批|SB/gi,'**');
}
</script>
</body>