第一種方法:
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 = "我喜歡吃{0},也喜歡吃{1},但是最喜歡的還是{0},偶爾再買點{2}"; // alert(String.format(a, "蘋果","香蕉","香梨")); // 結果:我喜歡吃蘋果,也喜歡吃香蕉,但是最喜歡的還是蘋果,偶爾再買點香梨
第二種方法:
String.prototype.format = function(args) { var result = this; if (arguments.length > 0) { if (arguments.length == 1 && typeof (args) == "object") { for (var key in args) { if(args[key]!=undefined){ var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 0; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({[" + i + "]})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } 復制代碼 //兩種調用方式 var template1="我是{0},今年{1}了"; var template2="我是{name},今年{age}了"; var result1=template1.format("loogn",22); var result2=template2.format({name:"loogn",age:22}); //兩個結果都是"我是loogn,今年22了"
第三中方法:
function stringFormat() { 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; } StringFormat("&Type={0}&Ro={1}&lPlan={2}&Plan={3}&={4}&Id={5}&Id={6}", data1, data2, data3,data4, data5,data6,data7);
最后一種方法:相信做前端開發的朋友都受過這個折磨:連接HTML的時候被可惡的單引號、雙引號搞得頭昏腦脹。比如:
element.innerHTML = ‘<a href=”‘ + url + ‘” onclick=”alert(\” + msg + ‘\’);”>’ + text + ‘</a>’;
這里介紹一個字符串格式化函數:
String.format = function(str) { var args = arguments, re = new RegExp(”%([1-" + args.length + "])”, “g”); return String(str).replace( re, function($1, $2) { return args[$2]; } ); }; 調用方法很簡單: element.innerHTML = String.format(’<a href=”%1″ onclick=”alert(\’%2\’);”>%3</a>’, url, msg, text);
意思就是用第n個參數把%n替換掉。這樣一來清晰多了吧。