当前位置:Gxlcms > JavaScript > js学习正则之replace的实例详解

js学习正则之replace的实例详解

时间:2021-07-01 10:21:17 帮助过:23人阅读

js学习正则中replace是怎么使用的,很有用,可以来关注一波。

replace:把原有的字符串替换成新的字符

在不使用正则的情况下,每当执行一次只能替换一个字符(执行多次的情况始终从开始的位置开始替换)

var str = "zhufeng2015zhufeng2016"str = str.replace("zhufeng","zhufengpeixun")
        console.log(str)//zhufengpeixun2015zhufeng2016

使用正则替换

var str = "zhufeng2015zhufeng2016"str = str.replace(/zhufeng/g,"zhufengpeixun")
        console.log(str)//zhufengpeixun2015zhufengpeixun2016

replace第一项的值是一个正则它的实现原理:

首先我们和exec捕获一样,把所有和我们正则匹配的都捕获到,然后把捕获的内容替换成我们需要替换的新内容

/zhufeng/g 按照这个正则把str中所有可以匹配的都捕获到,然后统一都替换成我们的zhufengpeixun

 str = "zhufeng2015zhufeng2016"= str.replace("/zhufeng/g",zhufeng2015zhufeng2016"]//第一次的arguments
       console.log(arguments)//["zhufeng",11,"zhufeng2015zhufeng2016"]//第二次的arguments 
         console.log("ok");  "zhufengpeixun"
})

第二个参数换成一个函数

1)、匿名函数执行多少次,取决于正则能在字符串中捕获多少次 -> 正则捕获两次,所以我们的匿名函数执行两次

2)、我们每一次执行匿名函数,里面传递的参数值arguments和我们自己通过exec捕获到的结果是非常类似的(即使正则有分组,我们同样可以通过arguments获取到分组捕获的内容)

3)、return 你返回的结果是啥,就相当于把当前这一次大正则捕获的内容替换成你返回的内容  

var str = "zhufeng2015zhufeng2016";
        str = str.replace(/(\d+)/g,function(){
            console.log(arguments[1])//获取每一次执行匿名函数我们正则捕获到的第一个分组中的内容console.log(RegExp.$1)
        })

  RegExp.$1 ->获取第一个分组捕获的内容

  replace小实战:

  1、将小写数字替换成大写的中文数字

  

   2、获取一个字符串中出现次数最多的字符,并且获取出现的次数  

var str = "zhufengpeixunyangfanqihang";var obj = {};

        str.replace(/[a-z]/gi,function(){var val = arguments[0];
            obj[val]>=1?obj[val]+=1:obj[val] = 1    
        })//获取出现最多次数的字母var maxNum = 0;for(var key in obj){
            obj[key]>max?maxNum = obj[key]:null}//把所有符合出现maxNum次数的都获取到var ary = [];for(var key in obj){
            obj[key]===maxNum?ary.push(key):null;
        }
        console.log(ary)//最终的
输出结果

    3)、模板引擎实现的初步原理 

var str = "my name is {0},my age is {1},i come from {2},i love {3}~"var ary = ["我","18","china","javascript"]

        str = str.replace(/{(\d+)}/g,function(){return ary[arguments[1]]//或者ary[RegExp.$1]  捕获第一个分组的内容 并且替换
        })

    4)、需求:queryURLParameter 

    var str = "http://kbs.sports.qq.com/kbsweb/game.htm?mid=100000&cid=1467086&app=1.0";  

var reg = /([^?=&]+)=([^?=&]+)/g;//execvar obj = {};var res = reg.exec(str);while(res){
            obj[res[1]] = res[2];
            res = reg.exec(str)
        }
        console.log(obj);//replacestr.replace(reg,function(){
            obj[arguments[1]] = arguments[2];
        })
        console.log(obj)

以上就是js学习正则之replace的实例详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行