快捷導(dǎo)航

js中的string.format函數(shù)代碼

更新時(shí)間：2023年06月19日 18:38:07 投稿：mdxy-dxy

js中的string.format函數(shù)代碼，學(xué)習(xí)js的朋友可以參考下。

第一種方法：

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},偶爾再買點(diǎn){2}";
// alert(String.format(a, "蘋果","香蕉","香梨"));
// 結(jié)果:我喜歡吃蘋果，也喜歡吃香蕉，但是最喜歡的還是蘋果,偶爾再買點(diǎn)香梨

第二種方法：

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;
}
//兩種調(diào)用方式
 var template1="我是{0}，今年{1}了";
 var template2="我是{name}，今年{age}了";
 var result1=template1.format("loogn",22);
 var result2=template2.format({name:"loogn",age:22});
 //兩個(gè)結(jié)果都是"我是loogn，今年22了"

第三中方法：

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

最后一種方法：相信做前端開發(fā)的朋友都受過這個(gè)折磨：連接HTML的時(shí)候被可惡的單引號(hào)、雙引號(hào)搞得頭昏腦脹。比如：

element.innerHTML = ‘<a href=”‘ + url + ‘” οnclick=”alert(\” + msg + ‘\’);”>’ + text + ‘</a>’;

這里介紹一個(gè)字符串格式化函數(shù)：

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

調(diào)用方法很簡單： element.innerHTML = String.format('<a href=”%1″ οnclick=”alert(\’%2\’);”>%3</a>', url, msg, text);

意思就是用第n個(gè)參數(shù)把%n替換掉。這樣一來清晰多了吧。

源于C#中的string.Format()

String.prototype.format = function(args) {
  if (arguments.length > 0) {
    var result = this;
    if (arguments.length == 1 && typeof(args) == "object") {
      for (var key in args) {
        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) {
          return "";
        } else {
          var reg = new RegExp("({[" + i + "]})", "g");
          result = result.replace(reg, arguments[i]);
        }
      }
    }
    return result;
  } else {
    return this;
  }
}

例：

//兩種調(diào)用方式
var template1="我是{0}，今年{1}了";
var template2="我是{name}，今年{age}了";
var result1=template1.format("loogn",22);
var result2=template1.format({name:"loogn",age:22});
//兩個(gè)結(jié)果都是"我是loogn，今年22了"

下面分享一個(gè)作為字符串?dāng)U展的寫法

String.format = function() {
  for (var a = arguments[0], b = 1; b < arguments.length; b++) a = a.replace(RegExp("\\{" + (b - 1) + "\\}", "ig"), arguments[b]);
  return a
};

以上就是js中的string.format函數(shù)代碼的詳細(xì)內(nèi)容，更多關(guān)于js中的string.format的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: