欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何使用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 Fileinput的使用教程

    bootstrap-fileinput是基于bootstrap的上傳控件。此控件在網(wǎng)上可以找到很多例子,接下來通過本文給大家分享bootstrap fileinput的使用教程,非常不錯(cuò),感興趣的朋友一起看看吧
    2016-12-12
  • JS實(shí)現(xiàn)獲取剪貼板內(nèi)容的方法

    JS實(shí)現(xiàn)獲取剪貼板內(nèi)容的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)獲取剪貼板內(nèi)容的方法,涉及javascript基于clipboardData操作剪貼板的相關(guān)技巧,需要的朋友可以參考下
    2016-06-06
  • 無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)

    無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)

    下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • bootstrap 下拉多選框進(jìn)行多選傳值問題代碼分析

    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小游戲

    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è)頁面

    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ù)的方法

    這篇文章主要介紹了Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法,在這里小編比較推薦使用第二種方法,需要的朋友參考下吧
    2018-08-08
  • 微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能

    微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法

    layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法

    今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評(píng)論