DDR爱好者之家

JS中实现简单Formatter函数示例代码
站长资源 2025/1/20 佚名
8 1538
DDR爱好者之家 Design By 杰米

JS原生并没有提供方便使用的Formatter函数，用字符拼接的方式看起来混乱难读，而且使用起来很不方便。个人感觉C#里提供的语法比较好用，如：

String.Format(“Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love");

这种有顺序的替换方式，比较清晰，而且在要替换同一内容时候可以省去传递重复参数的情况，下面是JS简单实现版本(没有严格测试):

(function(exports) {
exports.format = function(){
var args = Array.prototype.slice.call(arguments),
sourceStr = args.shift();

function execReplace(text,replacement,index){
return text.replace(new RegExp("\\{"+index+"\\}",'g'),replacement);
}

return args.reduce(execReplace,sourceStr);
}
})(window.utils = window.utils || {});

console.log(utils.format("Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love"));

关键的是这句：

args.reduce(execReplace,sourceStr);

这里使用了Array的reduce函数,reduce和reduceRight是ES5新增加的函数，该函数的参数是reduce(callback,initialValue)，callback接收4个参数分别是：

previousValue:

在遍历第一次进入该回调函数时，如果指定了initivalValue将直接使用initivalValue，如果没有指定将使用数组的第一个元素
第二次及以后的遍历该值是前一次遍历返回的结果
最后一次遍历返回的结果将作为reduce函数的返回值
currentValue: 遍历到的当前item
index: 当前item在数组中的下标

array: 原始array

在execReplace中每一次执行时使用前一次替换后的结果作为原始替换字符串，使用当前item的index作为要被替换的内容，依次遍历，最终完成替换内容。

注：reduceRight和reduce函数基本一样，只是它的遍历顺序是由右向左

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米