Js replace() 方法笔记

最近捣鼓着学习Js，发现replace()真的很有用，替换功能杠杠的棒。

接下来看看我遇到的问题：

有两个随机给出的字符串，字符串1'xxxxxx'，字符串2'====T'（这两个用作示例，其他为随机），根据这两个字符串最后输出'ooooox'。后面会给出测试用例，大家就会明白。

刚开始遇到这个问题的时候我就想这就是合并两个字符串，顺带替换了字符串1。

var n=drone.length;
var l;
l=lamps.replace(/^(x){n}/,'o');

没错，这就是我开始的思路，以致于我后来死脑筋没转出来自己挖的坑，在替换过程中replace()被我丢弃了没使用。

然后开始动手填自己的坑，开始写方法。

第一种

function strOperate(lamps, drone){
    console.log(lamps.length,drone.length);//打印两个字符串的长度
    var str="",lamps;
    //根据第二个字符串的长度先把要替换的'o'先保存在字符串中；
    for(var i=0;i<drone.length;i++){
        str+="o";
    }
    //数组操作
    str=str.split("");
    lamps=lamps.split("");
    //两个字符串长度比较
    var length=lamps.length<str.length?lamps.length:str.length;
    for(var i=0;i<length;i++){
        lamps[i]=str[i];
    }
    lamps=lamps.toString().replace(/,/g,"");//字符串替换,
    console.log(lamps);
}
strOperate('xxxxxx', '====T')//输出 'ooooox' 

这样一个方法写下来不知道浪费了多少时间，而且代码冗长，好悲伤呀。

后来细想，我为什么一定要把自己拴在替换字符串上面呢，可以换一种思路来，就有了以下的方法。

第二种

function flyBy(lamps, drone){
    //转换为数组操作
    var l=lamps.split("");
    var d=drone.split("");
    for(var i=0;i<d.length;i++){
        //比较字符串长度大小
        if(i<l.length){
            l[i]='o';//直接赋值覆盖掉
        }
    }
    console.log(l.join(""));//最后转换输出字符串
}
strOperate('xxxxxx', '====T')// 输出 'ooooox'

虽然这两个方法使用同样的原理，但是第二个方法简单明了而且可读性强，请认准第二个。

第三种使用replace()替换

function strOperate(lamps, drone){
    var str;
    if(drone.length>lamps.length){
        str='o'.repeat(lamps.length)
    }
    str=lamps.replace('x'.repeat(drone.length),'o'.repeat(drone.length))
    console.log(str);
}
strOperate('xxxxxx', '====T')// 输出 'ooooox'

//测试用例：
strOperate('xxxxxx', '====T')// 'ooooox'
strOperate('xxxxxxxxx', '==T')// 'oooxxxxxx'
strOperate('xxxxxxxxxxxxxxx', '=========T')// 'ooooooooooxxxxx'
strOperate('xxxx', '====T')// 'oooo'

方法写完了，最后还是要记下笔记的。（认真脸.png）

Replace()方法使用：

strObj.replace(regex/substr[,replacement]);

参数：

substr用一些字符串替换;

regex用一个正则表达式匹配的子串替换;

replacement为参数2，是需要替换的文本或函数；

在网上看到了一个有趣的说法，怎样在正则中传入变量，大家想一想是否跟普通的变量用加号拼接呢？

其实答案很简单，string.replace(new RegExp(key,'g'),"o");利用js的RegExp()对象就行了。

另外还有一些replace()特性没有说明，有兴趣的童鞋可以查查资料。

最后记下这些内容，来提示自己，期待下次提高。

~~~~~~~~~~~~~~~~~~2016/12/27 update~~~~~~~~~~~~~~~~~~

再来补充一下 replace()的回调函数使用！

replace() 方法的第二个参数 replacement 可以是函数，并且每个匹配到的元素都会调用该回调，最后返回的字符串作为替换使用。

先举个例子：

var string="Hello, I am Mr yt";
var str;
str=string.replace(/[^aeious]/gi,function (s){
    console.log(s);//string, m r b
    return s==s.toLowerCase()?s+'err':s+'ERR';
})
console.log(str);//最后输出"Hello, I amerr Mrerr yterr"

备注：参数s为正则匹配到的子串，最后return的就是替换的子串。

对于有变量的正则replacement 函数有4（n+3）个参数,n为分组的个数;

其中的4个参数可以理解为：

function(m,v,i,s){}

m为匹配到的字符串,v为变量值，i为在原字符串中找到匹配元素的下标索引值，s为原字符串；