Jquery 中使用String.Format模板函数

比眉伴天荒 2024-04-18 10:50 82阅读 0赞

**1.方法一：**

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

**2.方法二：**

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, "苹果","香蕉","香梨"));

**3.方法三：**

**4.方法四：**

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

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替换掉