正则表达式

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>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值