js中的string.format函数代码

╰半橙微兮° 2022-05-14 15:50 174阅读 0赞

<1>

1. `String.prototype.format = function(args) {`
2. `var result = this;`
3. `if (arguments.length > 0) {`
4. `if (arguments.length == 1 && typeof (args) == "object") {`
5. `for (var key in args) {`
6. `if(args[key]!=undefined){`
7. `var reg = new RegExp("({" + key + "})", "g");`
8. `result = result.replace(reg, args[key]);`
9. `}`
10. `}`
11. `}`
12. `else {`
13. `for (var i = 0; i < arguments.length; i++) {`
14. `if (arguments[i] != undefined) {`
15. `//var reg = new RegExp("({[" + i + "]})", "g");//这个在索引大于9时会有问题`
16. `var reg = new RegExp("({)" + i + "(})", "g");`
17. `result = result.replace(reg, arguments[i]);`
18. `}`
19. `}`
20. `}`
21. `}`
22. `return result;`
23. `}`

调用方式：

1.  `//两种调用方式`
2.  `var template1="我是{0}，今年{1}了";`
3.  `var template2="我是{name}，今年{age}了";`
4.  `var result1=template1.format("loogn",22);`
5.  `var result2=template2.format({name:"loogn",age:22});`
6.  `//两个结果都是"我是loogn，今年22了"`

**方案2：方法调用**

1. `function stringFormat() {`
2. `if (arguments.length == 0)`
3. `return null;`
4. `var str = arguments[0];`
5. `for (var i = 1; i < arguments.length; i++) {`
6. `var re = new RegExp('\\{' + (i - 1) + '\\}', 'gm');`
7. `str = str.replace(re, arguments[i]);`
8. `}`
9. `return str;`
10. `}`

调用方式：

StringFormat("&Type={0}&Ro={1}&lPlan={2}&Plan={3}&={4}&Id={5}&Id={6}", data1, data2, data3,data4, data5,data6,data7);

**方案3：** 
相信做前端开发的朋友都受过这个折磨：连接HTML的时候被可恶的单引号、双引号搞得头昏脑胀。比如： 
element.innerHTML = ‘<a href=”‘ + url + ‘” οnclick=”alert(\\” + msg + ‘\\’);”>’ + text + ‘</a>’; 
这里介绍一个字符串格式化函数：

1.  `String.format = function(str) {`
2.  `var args = arguments, re = new RegExp(”%([1-" + args.length + "])”, “g”);`
3.  `return String(str).replace(`
4.  `re,`
5.  `function($1, $2) {`
6.  `return args[$2];`
7.  `}`
8.  `);`
9.  `};`

调用方式：

element.innerHTML = String.format(’<a href=”%1″ onclick=”alert(\’%2\’);”>%3</a>’, url, msg, text);

意思就是**用第n个参数把%n替换掉**。  
  
原文： [http://yelaiju.cnblogs.com][http_yelaiju.cnblogs.com]

<3>

String.prototype.format = function() \{ var args = arguments; return this.replace(/\\\{(\\d+)\\\}/g, function(m, i)\{ return args\[i\]; \}); \}

//V2 static String.format = function() \{ if( arguments.length == 0 ) return null; var str = arguments\[0\];

for(var i=1;i<arguments.length;i++) \{ var re = new RegExp('\\\\\{' + (i-1) + '\\\\\}','gm');

str = str.replace(re, arguments\[i\]); \} return str; \}

var a = "I Love \{0\}, and You Love \{1\},Where are \{0\}! \{4\}";

alert(String.format(a, "You","Me"));

alert(a.format("You","Me"));

<2>

<table> 
 <tbody> 
 <tr> 
 <td> <code>String.prototype.format =&nbsp;</code><code>function</code><code>(args)</code> <code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>(arguments.length &gt; 0)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>result =&nbsp;</code><code>this</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>(arguments.length == 1 &amp;&amp;&nbsp;</code><code>typeof</code>&nbsp;<code>(args) ==&nbsp;</code><code>"object"</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for</code>&nbsp;<code>(</code><code>var</code>&nbsp;<code>key&nbsp;</code><code>in</code>&nbsp;<code>args)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>reg =&nbsp;</code><code>new</code>&nbsp;<code>RegExp(</code><code>"({"</code>&nbsp;<code>+ key +&nbsp;</code><code>"})"</code><code>,&nbsp;</code><code>"g"</code><code>);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>result = result.replace(reg, args[key]);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>else</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for</code>&nbsp;<code>(</code><code>var</code>&nbsp;<code>i = 0; i &lt; arguments.length; i++)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>(arguments[i] == undefined)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>""</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>else</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>reg =&nbsp;</code><code>new</code>&nbsp;<code>RegExp(</code><code>"({["</code>&nbsp;<code>+ i +&nbsp;</code><code>"]})"</code><code>,&nbsp;</code><code>"g"</code><code>);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>result = result.replace(reg, arguments[i]);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>result;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>else</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>this</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

//两种调用方式   
var template1="我是\{0\}，今年\{1\}了";   
var template2="我是\{name\}，今年\{age\}了";   
var result1=template1.format("loogn",22);   
var result2=template1.format(\{name:"loogn",age:22\});   
//两个结果都是"我是loogn，今年22了"

<3>

[http_yelaiju.cnblogs.com]: http://yelaiju.cnblogs.com/