正则表达式

正则表达式的作用

1. 提取字符串:从指定的字符串中将符合规则部分提取出来

2. 匹配正则:判断一个字符串是否跟指定的规则匹配

3. 替换字符串:将一个字符串中跟规则匹配的部分替换掉

使用说明:正则表达式比较特殊,不是字符串,不用加引号,但是要有定界符,两边都是斜杠。在斜杠后面可以加一 些特定的修饰符

[ ] 字符串用中括号括起来,表示匹配其中的任一字符,相当于或的意思

[^] 匹配除中括号以内的内容

\ 转义符

| 或者,选择两者中的一个。注意|将左右两边分为两部分,而不管左右两边有多长多乱

() 从两个直接量中选择一个,分组  eg:gr(a|e)y匹配gray和grey

[\u4e00-\u9fa5] 匹配汉字

匹配字符串

正则表达式.test(字符串) :可以匹配为true,否则为false

/\d/.test('13522336699')  //true

search() 匹配成功 返回下标位置,不成功返回-1

var str = 'www.baidu.com' str.search(/baidu/)  // 4

提取字符串

语法: 字符串.match(正则表达式)

var reg = /aaa/g; // 贪婪匹配
var str = 'sdafaaaaaa123wer';
var arr = str.match(reg);
console.log(arr); // ["aaa", "aaa"]

语法: 正则表达式.exec(字符串)

var reg = /(a)aa/g; // 贪婪匹配
var str = 'sdafaa aaaa123wer';
var arr = reg.exec(str);
console.log(arr); // ["aaa", "a", index: 7, input: "sdafaa aaaa123wer"]

替换字符串

语法: 字符串.replace(正则表达式,新内容)

var str = 'i love html very much and html is very good';
var reg = /html/g;
var res = str.replace(reg,'js');
console.log(res); // i love js very much and js is very good

案例:

//验证手机号;
<body>
  请输入手机号:<input type="text">
</body>
<script>
  // 手机号规则:1开头  第二位[3-9]  上下的9位是任意数字  -总共11位
  var input = document.querySelector('input')
  console.log(input);
  //在文本框失焦时执行函数
  input.onblur = function(){
    //拿到input里的字符串,准备用正则校验
    var num = input.value
    //正则表达式 
    var reg  = /^1[3-9]\d{9}$/
    var res = reg.test(num)
    console.log(res);
  }
</script>
</html>
//验证邮箱
<body>
  请输入邮箱:<input type="text">
</body>
<script>
var input = document.querySelector('input')
input.onblur = function(){
  var num = input.value
  console.log(num);
  //qq邮箱  /^[1-9]\d{4,9}@qq\.com$/
  //网易邮箱
  ///^[a-zA-Z]\w{5,17}@((163|126)\.com|yeah\.net)$/
  var reg = /(^[1-9]\d{4,9}@qq\.com$)|^[a-zA-Z]\w{5,17}@((163|126)\.com|yeah\.net)$/
  var res = reg.test(num)
  console.log(res);
}
</script>
</html>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值