js 實現String.format()__javascript

來源:互聯網
上載者:User

方案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 + ‘” onclick=”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″ onclick=”alert(\’%2\’);”>%3</a>’, url, msg, text);
意思就是 用第n個參數把%n替換掉 。

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


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.