如何使用JS在HTML中自定義字符串格式化
更新時(shí)間：2017年07月20日 15:30:20 作者：jack-boy
在JavaScript中雖沒有類似的方法，但我們可以利用字符串的replace方法自定義字符串的格式化方法。下面通過本文給大家分享使用JS在HTML中自定義字符串格式化的方法，需要的的朋友參考下吧
Python中支持字符串格式化，其基本形式如下：
str = "I'm %s, %s years old." % ('jack', 19)
print(str)
#結(jié)果：
I'm jack, 19 years old.
在JavaScript中雖沒有類似的方法，但我們可以利用字符串的replace方法自定義字符串的格式化方法：
<script>
$(function () {
/*自定義字符串格式化*/
String.prototype.Format = function (args) {
/*this代表要調(diào)用Format方法的字符串*/
/*replace的第一個(gè)參數(shù)為正則表達(dá)式，g表示處理匹配到的所有字符串，在js中使用//包起來*/
/*replace的第二個(gè)參數(shù)為匹配字符串的處理，k1匹配結(jié)果包含{}，k2只保留{}內(nèi)的內(nèi)容*/
var temp = this.replace(/\{(\w+)\}/g, function (k1, k2) {
console.log(k1, k2);
/*replace將匹配到的k2用參數(shù)args替換后賦給新變量temp*/
return args[k2];
});
/*自定義方法Format將格式化后的字符串返回*/
return temp;
};
}
</script>
驗(yàn)證：
總結(jié)
以上所述是小編給大家介紹的使用JS在HTML中自定義字符串格式化，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了詳解微信小程序回到頂部的兩種方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
bootstrap-fileinput是基于bootstrap的上傳控件。此控件在網(wǎng)上可以找到很多例子，接下來通過本文給大家分享bootstrap fileinput的使用教程，非常不錯(cuò)，感興趣的朋友一起看看吧2016-12-12
JS實(shí)現(xiàn)獲取剪貼板內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取剪貼板內(nèi)容的方法,涉及javascript基于clipboardData操作剪貼板的相關(guān)技巧,需要的朋友可以參考下2016-06-06
無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
bootstrap 下拉多選框進(jìn)行多選傳值問題代碼分析
項(xiàng)目開發(fā)遇到個(gè)問題，就是引入bootstrap下拉多選框進(jìn)行多選的時(shí)候，用form表單提交到后臺(tái)，獲取不到多選的值，只能獲取的選擇的第一個(gè)值，怎么回事呢？下面小編給大家分析下bootstrap 下拉多選框進(jìn)行多選傳值問題，一起看看吧2017-02-02
JavaScript實(shí)現(xiàn)Fly Bird小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Fly Bird小游戲的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)的注冊(cè)頁面
這篇文章給大家分享一段實(shí)例代碼發(fā)送驗(yàn)證碼之后開始60S倒計(jì)時(shí)功能，具體實(shí)例代碼大家參考下本文2018-01-01
Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法，在這里小編比較推薦使用第二種方法，需要的朋友參考下吧2018-08-08
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09