js 实现String.format()

方案1:扩展JS方法

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");//这个在索引大于9时会有问题
                    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了"

方案2:方法调用

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);

方案3:
相信做前端开发的朋友都受过这个折磨:连接HTML的时候被可恶的单引号、双引号搞得头昏脑胀。比如:
element.innerHTML = ‘<a href=”‘ + url + ‘” οnclick=”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″ οnclick=”alert(\’%2\’);”>%3</a>’, url, msg, text);
意思就是 用第n个参数把%n替换掉

原文:  http://yelaiju.cnblogs.com


  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值