JS怎么格式化字符串

本文小編為大家詳細介紹“JS怎么格式化字符串”，內容詳細，步驟清晰，細節處理妥當，希望這篇“JS怎么格式化字符串”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

格式化字符串

<!-- lang: js -->String.prototype.format = function(args) {    var result = this;    if (arguments.length < 1) {        return result;
    }    var data = arguments;		//如果模板參數是數組
    if (arguments.length == 1 && typeof (args) == "object") {        //如果模板參數是對象
        data = args;
    }    for (var key in data) {        var value = data[key];        if (undefined != value) {
            result = result.replace("{" + key + "}", value);
        }
}    return result;
}

版本2

<!-- lang: js -->/**
 * 替換所有匹配exp的字符串為指定字符串
 * @param exp 被替換部分的正則
 * @param newStr 替換成的字符串
 */String.prototype.replaceAll = function (exp, newStr) {	return this.replace(new RegExp(exp, "gm"), newStr);
};/**
 * 原型：字符串格式化
 * @param args 格式化參數值
 */String.prototype.format = function(args) {	var result = this;	if (arguments.length < 1) {		return result;
	}	var data = arguments; // 如果模板參數是數組
	if (arguments.length == 1 && typeof (args) == "object") {		// 如果模板參數是對象
		data = args;
	}	for ( var key in data) {		var value = data[key];		if (undefined != value) {
			result = result.replaceAll("\\{" + key + "\\}", value);
		}
	}	return result;
}

使用方法：

<!-- lang: js -->//兩種調用方式var template1="我是{0}，今年{1}了";var result1=template1.format("loogn",22);var template2="我是{name}，今年{age}了";var result2=template2.format({name:"loogn",age:22});//兩個結果都是"我是loogn，今年22了"

對于版本2使用了正則表達式(replaceaAll)，意味著當文本中出現多個替換位時，都可以被替換。 var template1="我是{0}，今年{1}了, lucy今年也{1}了"; var result1=template1.format("loogn",22);

//結果是"我是loogn，今年22了, lucy今年也22了"

讀到這里，這篇“JS怎么格式化字符串”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。