JavaScript中string.replace的一个特殊用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中string.replace的一个特殊用法相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6     <script type="text/javascript">
 7         /*
 8                            这段代码是为JavaScript的String对象添加一个deentityfy 方法,
 9                            用以替换字符串中得HTML字符(把&quot;替换为”,&lt;替换为<,&gt;替换为>),
10                            */
11 
12         //在String对象的原型中添加自定方法
13         String.prototype.LiminReplace = function () {
14             //定义要替换的Json对象
15             var RplJson = {
16                 //"First": "quot",
17                 //"Second": "lt",
18                 //"Third": "gt"
19                 "quot": ",
20                 "lt": "<",
21                 "gt": ">"
22             };
23             return function () {
24                 //正则表达式详解:
25                 //[^&;]+   出现一次或多次除了&和;的字符
26                 //([^&;]+) 对它进行一个分组
27                 //&([^&;]+);   以&开头,以;结尾
28                 return this.replace(/&([^&;]+);/g, function (a, b, c, d) {
29                     //我们把方法的参数都打印出来,看看结果是什么
30                     for (var i = 0; i < arguments.length; i++) {
31                         console.log(arguments[i] + <br/>);
32                     }
33                     console.log(===========================<br/>);
34 
35 
36                     //详解:
37                     //b参数,对应的是正则表达式中匹配的分组的内容,即第一个括号中的内容
38                     //举例:
39                     //如果传入的字符串是&quot;  那正则一匹配得到的第一个分组的内容就是quot,刚好是RplJson对象的Key值
40                     //如果传入的字符串是&lt;  那正则一匹配得到的第一个分组的内容就是lt,刚好是RplJson对象的Key值
41                     //如果传入的字符串是&gt;  那正则一匹配得到的第一个分组的内容就是gt,刚好是RplJson对象的Key值
42                     var rplStr = RplJson[b];
43 
44                     //详解:
45                     //typeof (rplStr) == ‘string‘  判断rplStr的值类型是不是一个字符串
46                     //为什么要这么判断呢,
47                     //var rplStr = RplJson[b];   参数b作为key在RplJson中可能是不存在的,不存在,取出来的值肯定不是string类型了
48                     //如果key存在则返回RplJson对象中key对应的value,否则则不进行替换,返回原始字符串
49                     return typeof (rplStr) == string ? rplStr : a;
50                 });
51             }
52         }();      //这里自执行一下,否则就是返回函数了
53 
54 
55         window.onload = function () {            
56             document.write("我的名字是&quot;Limin&quot;,年龄&lt;20,我的工资&gt;10000".LiminReplace());
57             //结果:
58             //我的名字是"Limin",年龄<20
59 
60             //quot被执行了两次替换,打印两次,lt被执行了一次替换,只打印一次,gt被执行了一次替换,只打印一次
61             //function (a, b, c, d) 参数说明
62             //第一个参数很简单,是匹配字符串
63 
64             //第二个很诡异,不过每个都看一遍不难得出,第二个参数是正则表达式括号内的匹配的内容(分组内容)
65 
66             //第三个参数和容易想到,是匹配项在字符串中的index
67 
68             //第四个参数则是原字符串
69 
70         }
71     </script>
72 </head>
73 <body>
74 
75 </body>
76 </html>

打印结果截图:
技术分享

 

以上是关于JavaScript中string.replace的一个特殊用法的主要内容,如果未能解决你的问题,请参考以下文章

如何知道 JavaScript string.replace() 是不是做了啥?

JavaScript中replace()方法的第二个参数解析

JavaScript正则表达式--String.replace()变量替换的一点笔记

JavaScript 正则表达式 string.replace( regex, "$1" );中“$1”的含义 及邮箱正则表达式

JAVA中string.replace()和string.replaceAll()的区别及用法

JavaScript对象(持续更新中)