如何使用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)文章
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-06bootstrap 下拉多選框進(jìn)行多選傳值問題代碼分析
項(xiàng)目開發(fā)遇到個(gè)問題,就是引入bootstrap下拉多選框進(jìn)行多選的時(shí)候,用form表單提交到后臺(tái),獲取不到多選的值,只能獲取的選擇的第一個(gè)值,怎么回事呢?下面小編給大家分析下bootstrap 下拉多選框進(jìn)行多選傳值問題,一起看看吧2017-02-02JavaScript實(shí)現(xiàn)Fly Bird小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Fly Bird小游戲的制作方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JS實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)的注冊(cè)頁面
這篇文章給大家分享一段實(shí)例代碼發(fā)送驗(yàn)證碼之后開始60S倒計(jì)時(shí)功能,具體實(shí)例代碼大家參考下本文2018-01-01Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法,在這里小編比較推薦使用第二種方法,需要的朋友參考下吧2018-08-08layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09