前端基础知识-正则表达式

正则表达式

https://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

1、正则表达式

  • 用于定义一些字符串的规则
  • 计算机可以根据正则表达式,来检查一个字符串是否符合规则
  • 获取将字符串中符合规则的内容提取出来
1、创建正则表达式
  • 语法:var 变量 = new RegExp(“正则表达式”,“匹配模式”);
    • 在构造函数中,可以传递一个匹配模式作为第二个参数
    • 可以是一下内容
      • i 表示忽略大小写
      • g 表示全局匹配模式
var reg = new RegExp();
2、正则表达式test方法
  • test()
    • 使用这个方法用来检测一个字符串是否符合正则表达式的规则
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var reg = new RegExp("a","i");
        var result = "Abc";
        console.log(reg);
        // 结果返回true
        console.log(reg.test(result));
    </script>
</head>
<body>
    
</body>
</html>
3、正则语法
  • 使用字面量创建正则表达式

    • 语法: var 变量 = /正则表达式/匹配模式

    •  // var reg = /正则表达式/匹配模式
       var reg = /a/i;
      
  • 创建一个正则表达式,检查一个字符串中是否有a或者b

var reg = /a|b/i;
  • 创建一个正则表达式,检查一个字符串中是否有字母
var reg = /[a-z]/i
  • 检查一个字符串中是否含有 abc adc aec
  var reg =/a[bde]c/
  • 检查字符串除了ab以外的
var reg = /^ab/

2、字符串和正则表达式相关的方法

1、split()方法
  • 将字符串拆分为数组
 var str = '1a2b3c4d5e6f7g8';
 var result = str.split(/[A-z]/);
 console.log(result);

拆后的 [“1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”]

2、search() 只会查找第一个,即使设置了全局匹配
  • 可以搜索字符串中是否有指定内容
  • 如果搜索到指定内容,返回第一次出现的索引,如果没有搜索到返回-1
 var str = "hello abc hello adc aec";
 str.search(/a[bde]c/);
3、match()
  • 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
  • 默认情况下match只会找到第一个符合要求的内容,找到以后就停止检索了
  • 可以设置正则表达式会全局模式,这样计算机就会继续检索后面的内容
  • 可以为一个正则表达式设置多个匹配模式,顺序无所谓
4、replace()
  • 可以将字符串中指定的内容替换成新的内容
  • 需要两个参数
    • 第一个:被替换的内容
    • 第二个:新的内容
    • 默认只替换第一个
    <script>
         var str = '1a2b3c4d5e6f7g8VIaNaOa';
         var result = str.replace(/a/g ,"@-@");
        console.log(result);
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值