正则与字符串的操作

本文介绍了JavaScript中使用正则表达式exec()和replace()函数进行字符串匹配与替换的方法。通过示例代码展示了如何提取和替换模板字符串中的变量,以及如何进行多次替换操作。同时,给出了一个利用循环进行全局匹配和替换的例子。
摘要由CSDN通过智能技术生成

1.基本语法
exec()函数用于检索字符串中的正则表达式的匹配,如果字符串中有匹配的值,则返回改匹配值,否则返回null
语法规范
正则表达式.exec(要匹配的字符串)
分组
正则表达式中()的内容表示一个分组,可以通过分组来提取自己想要的内容
字符串的replace函数
1.定义:replace函数用于早字符串中用一些字符替换另一些字符
2.语法格式:字符串.replace(“要替换的字符串”,‘替换字符串’)

 <script >
           var str= '<div>我是{{name}}</div>'
         var pattern=/{{([a-zA-Z]+)}}/
         var strresult=pattern.exec(str)
         console.log(strresult);
         str=str.replace(strresult[0],strresult[1])
         console.log(str);
    </script>

在这里插入图片描述
替换后的结果为
在这里插入图片描述
多从replace操作
如果字符串中有多个需要匹配的那么我们需要一个字符串一个字符串的匹配,如果返回值为null则证明所有的东西全部盘匹配完成

var str='  <div>{{name}}今年{{ age }}岁</div>'
         var regstr=/{{\s*([a-zA-Z]+)\s*}}/

        //  第一次匹配
        var res1=regstr.exec(str)
        console.log(res1);
        var str= str.replace(res1[0],res1[1])
        console.log(str);

        // 第二次
        var res2=regstr.exec(str)
        console.log(res2);
        var str=str.replace(res2[0],res2[1])
        console.log(str);

正则与字符串的匹配
利用循环

 var str='  <div>{{name}}今年{{ age }}岁</div>'
         var regstr=/{{\s*([a-zA-Z]+)\s*}}/
            var res=null;
            while(res=regstr.exec(str)){
                str=str.replace(res[0],res[1])
            }
            console.log(str);

replace替换为真值

  var data={
            name:'张三',
            age:18
        }
         var str='  <div>{{name}}今年{{ age }}岁</div>'
         var regstr=/{{\s*([a-zA-Z]+)\s*}}/
            var res=null;
            while(res=regstr.exec(str)){
                str=str.replace(res[0],data[res[1]])
            }
            console.log(str);
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值