正则中的replace方法的高级应用

最新推荐文章于 2024-08-13 22:07:58 发布

Wesley131420

最新推荐文章于 2024-08-13 22:07:58 发布

阅读量121

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/angus-jiang/p/4439909.html

版权

前面我已经介绍了正则的四个基本方法，当时也提到过replace方法
我们来回顾一下replace方法的使用：
先定义一个正则对象：var re=/中间写匹配的条件/;
replace（）：正则匹配字符串，若是匹配成功，将匹配成功的字符串用新的字符串来替换
语法：字符串.replace(re,新的字符串)；
举个例子：网络中经常会遇到，不文明的词会被*代替，我们来试一下：

<!DOCTYPE>
<html>
<head>
    <meta charset='utf-8'> 
    <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
    var oTxtarea=document.getElementsByTagName('textarea');
    var oInpt=document.getElementById('bt');
    var re=/你妹|fuck|你大爷|萌萌/g;
    oTxtarea[0].value='我要看你妹，不行，你大爷，我要萌萌你妹，不行，你想想的太多了';
    oInpt.onclick=function(){    
        oTxtarea[1].value=oTxtarea[0].value.replace(re,'*');
    };    
};
</script>
<body>
    <textarea rows='7' cols='20'>
    </textarea><br />
    <input id='bt' type='button' value='转化不文明的语言'><br />
    <textarea rows='7' cols='20'>
    </textarea><br />
</body>
</html>

当然了，我们对上面的转化效果不满意，我想要实现的是，转化了几个字就显示几个*号
这时候我们就需要进行分析了，其实，replace(参数1，参数2)中的参数2可以是回调函数，我们对程序进行改造一下，将第二个参数换成回调函数，并且给这个回调函数传递一个参数

<!DOCTYPE>
<html>
<head>
    <meta charset='utf-8'> 
    <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
    var oTxtarea=document.getElementsByTagName('textarea');
    var oInpt=document.getElementById('bt');
    var re=/你妹|fuck|你大爷|萌萌/g;
    oTxtarea[0].value='我要看你妹，不行，你大爷，我要萌萌你妹，不行，你想想的太多了';
    oInpt.onclick=function(){    
        oTxtarea[1].value=oTxtarea[0].value.replace(re,function(obj){
                alert(obj);
                /*alert(obj.length);*/
        });
    };    
};
</script>
<body>
    <textarea rows='7' cols='20'>
    </textarea><br />
    <input id='bt' type='button' value='转化不文明的语言'><br />
    <textarea rows='7' cols='20'>
    </textarea><br />
</body>
</html>

可以看出上面的结果很奇怪，第二个参数是回调函数，但是显示回调函数中的参数时，却都是成功匹配到的字符串[/color]
那么我们就可以针对这个参数中的每个结果做处理，几个字就产生几个*号

<!DOCTYPE>
<html>
<head>
    <meta charset='utf-8'> 
    <title></title>
</head>
<script type="text/javascript">
window.onload=function(){
    var oTxtarea=document.getElementsByTagName('textarea');
    var oInpt=document.getElementById('bt');
    var re=/你妹|fuck|你大爷|萌萌/g;
    oTxtarea[0].value='我要看你妹，不行，你大爷，我要萌萌你妹，不行，你想想的太多了';
    oInpt.onclick=function(){    
        oTxtarea[1].value=oTxtarea[0].value.replace(re,function(obj){
                var a='';
                for (var i = 0; i < obj.length; i++) {
                    a+='*';
                }
                return a;
        });
    };    
};
</script>
<body>
    <textarea rows='7' cols='20'>
    </textarea><br />
    <input id='bt' type='button' value='转化不文明的语言'><br />
    <textarea rows='7' cols='20'>
    </textarea><br />
</body>
</html>

通过上面的例子，是不是又对replace方法了解加深了一步。。。。。

转载于:https://www.cnblogs.com/angus-jiang/p/4439909.html

Wesley131420

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则中的replace方法的高级应用

前面我已经介绍了正则的四个基本方法，当时也提到过replace方法我们来回顾一下replace方法的使用：先定义一个正则对象：var re=/中间写匹配的条件/;replace（）：正则匹配字符串，若是匹配成功，将匹配成功的字符串用新的字符串来替换语法：字符串.replace(re,新的字符串)；举个例子：网络中经常会遇到，不文明的词会被*代替，我们来试一下：<!DOCTY...
复制链接

扫一扫