时间:2021-07-01 10:21:17 帮助过:20人阅读
在项目开发的过程中,常常遇到一些HTML与动态数据组成字符串的东西,写起代码会特别的累。下面我会分享两个小技巧。 第一个是事符串的格式化: 事符格式化 /* * * 事符格式化 */ String.format = function (str){ var args = arguments,re = new RegExp( " %
在项目开发的过程中,常常遇到一些HTML与动态数据组成字符串的东西,写起代码会特别的累。下面我会分享两个小技巧。
第一个是事符串的格式化:
事符格式化
/**
* 事符格式化
*/
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];
}
);
};
上面的代码是我从163的前端博客上抄过来的。实际应用还是挺方便的。
把这个代码贴在你的JS里就可以直接使用了。怎么使用?还是给个例子吧。
var temp = "使用%1代码,去实现%2";
alert(String.format(temp,"JS","功能1")); //会提示使用JS代码,去实现功能1
alert(String.format(temp,"PHP","功能2")); //会提示使用PHP代码,去实现功能2
temp相当于一个模板。format函数里,根据参数顺序去模板里的名字。
第二个同样是事符串的格式化,不过我作了小小的变化,虽然性能可能没那么快,不过使用就更为方便一些, 不用去看是哪个位置:
String.formatmodel = function(str,model){
for(var k in model){
var re = new RegExp("{"+k+"}","g");
str = str.replace(re,model[k]);
}
return str;
}
这个方法是可以直接传递对象进去。使用例子是:
var temp = "使用{code}代码,去实现{fun}";
alert(String.formatmodel(temp,{code:"JS",fun:"功能1"}));
alert(String.formatmodel(temp,{code:"PHP",fun:"功能2"}));
这两个小技巧希望可以帮助在开发过程中少做一些繁琐的事情。