ホームページ > ウェブフロントエンド > jsチュートリアル > js学習における定則ルールの置き換え例を詳しく解説

js学習における定則ルールの置き換え例を詳しく解説

零下一度
リリース: 2017-07-17 14:35:55
オリジナル
1414 人が閲覧しました

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学習における定則ルールの置き換え例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート