Heim > Web-Frontend > js-Tutorial > Detaillierte Beispiele für Ersetzungen beim Erlernen regulärer Regeln in js

Detaillierte Beispiele für Ersetzungen beim Erlernen regulärer Regeln in js

零下一度
Freigeben: 2017-07-17 14:35:55
Original
1415 Leute haben es durchsucht

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

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

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

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

使用正则替换

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

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"
Nach dem Login kopieren
})
Nach dem Login kopieren

第二个参数换成一个函数

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

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

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

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

  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)//最终的输出结果
Nach dem Login kopieren

    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]  捕获第一个分组的内容 并且替换
        })
Nach dem Login kopieren

    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)
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Beispiele für Ersetzungen beim Erlernen regulärer Regeln in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage