ES6中的字符串方法

字符串遍歷

ES6為字符串增加了遍歷接口,使字符串可以被 for...of 遍歷

    for (let codePoint of 'string') {
        console.log(codePoint);
        /**
         * s
         * t
         * r
         * i
         * n
         * g
         */
    }

includes()、startsWith()踢故、endsWith()

includes(): 返回布爾值溯饵,表示是否找到了參數(shù)字符串
startsWith():返回布爾值,表示參數(shù)字符串是否在原字符串頭部
endsWith(): 返回布爾值背镇,表示參數(shù)字符串是否在原字符串尾部

    let text = 'Hello Mr Wang!'
    console.log(text.startsWith('H')); //true
    console.log(text.endsWith('!')); //true
    console.log(text.includes('Mr')); //true

這三個(gè)方法都支持第二個(gè)參數(shù)咬展,表示開始搜索的位置

    let text = 'Hello Mr Wang!'
    console.log(text.startsWith('M', 6)); //true
    console.log(text.endsWith('r', 5)); //false
    console.log(text.endsWith('o', 5)); //true
    console.log(text.includes('Mr', 6)); //true

需要注意的是,endsWith的參數(shù)用法跟其他兩個(gè)不同瞒斩,它針對(duì)的是前n個(gè)字符破婆,而其他兩個(gè)方法時(shí)從第n個(gè)位置直到字符串結(jié)尾

repeat()

repeat()方法返回一個(gè)新字符串,表示將原字符串重復(fù)n次

    console.log('100'.repeat(3)); //100100100
    console.log('sss'.repeat(2)); //ssssss
    console.log('神仙哥哥'.repeat(1)); //神仙哥哥

參數(shù)是小數(shù)胸囱,會(huì)被取整數(shù)

    console.log('AAA'.repeat(2.8)); //AAAAAA

參數(shù)是負(fù)數(shù)或者Infinity祷舀,報(bào)錯(cuò)

    console.log('AAA'.repeat(Infinity)); //報(bào)錯(cuò)
    console.log('AAA'.repeat(-1)); //報(bào)錯(cuò)

參數(shù)是0到-1之間的小數(shù),等同于0

    console.log('AAA'.repeat('-0.8')); // ''

參數(shù)NaN等同于0

    console.log('AAA'.repeat(NaN)); // ''

參數(shù)為字符串烹笔,會(huì)先轉(zhuǎn)數(shù)字

    console.log('AAA'.repeat('nan')); // ''
    console.log('AAA'.repeat('2')); // AAAAAA

padStart()裳扯、padEnd()

padStart()和padEnd()是ES2017引入的字符串補(bǔ)全功能。如果某個(gè)字符串不夠指定長(zhǎng)度谤职,會(huì)在頭部或者尾部補(bǔ)全饰豺。padStart()用于頭部補(bǔ)全,padEnd()反之柬帕。

    //頭部補(bǔ)全字符串
    console.log('A'.padStart(5, 'BC')); //BCBCA
    console.log('@'.padStart(4, 'XY')); //XYX@
    //尾部補(bǔ)全字符串
    console.log('A'.padEnd(5, 'BC')); //ABCBC
    console.log('@'.padEnd(4, 'XY')); //@XYX

這兩個(gè)方法都是接收兩個(gè)參數(shù)哟忍,第一個(gè)參數(shù)是字符串補(bǔ)全的最大長(zhǎng)度狡门,第二個(gè)參數(shù)是用來補(bǔ)全的字符串

  • 如果原字符串的長(zhǎng)度,等于或大于最大長(zhǎng)度锅很,則不生效其馏,返回原字符串

      console.log('A'.padStart(1, 'BC')); //A
      console.log('A'.padEnd(1, 'BC')); //A
    
  • 用來補(bǔ)全的字符串與原字符串兩者的長(zhǎng)度和超過最大長(zhǎng)度的話,就回截去超出位數(shù)的補(bǔ)全字符串(也就是第二個(gè)參數(shù))

      console.log('Abc'.padStart(5, '12345')); //12Abc
    
  • 省略第二個(gè)參數(shù)爆安,默認(rèn)使用空格補(bǔ)全

      console.log('Abc'.padStart(5)); //  Abc
    

常見用途

  • 為數(shù)值補(bǔ)全指定位數(shù)叛复。下面代碼生成十位的數(shù)值字符串

      console.log('1'.padStart(10, '0')); // 0000000001
      console.log('12'.padStart(10, '0')); // 0000000012
      console.log('123456'.padStart(10, '0')); // 0000123456
    
  • 提示字符串字符

      console.log('12'.padStart(10, 'YYYY-MM-DD')); // YYYY-MM-12
      console.log('09-12'.padStart(10, 'YYYY-MM-DD')); // YYYY-09-12
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市扔仓,隨后出現(xiàn)的幾起案子褐奥,更是在濱河造成了極大的恐慌,老刑警劉巖翘簇,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撬码,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡版保,警方通過查閱死者的電腦和手機(jī)呜笑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來彻犁,“玉大人叫胁,你說我怎么就攤上這事」保” “怎么了驼鹅?”我有些...
    開封第一講書人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)森篷。 經(jīng)常有香客問我输钩,道長(zhǎng),這世上最難降的妖魔是什么疾宏? 我笑而不...
    開封第一講書人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任张足,我火速辦了婚禮,結(jié)果婚禮上坎藐,老公的妹妹穿的比我還像新娘为牍。我一直安慰自己,他們只是感情好岩馍,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開白布碉咆。 她就那樣靜靜地躺著,像睡著了一般蛀恩。 火紅的嫁衣襯著肌膚如雪疫铜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評(píng)論 1 289
  • 那天双谆,我揣著相機(jī)與錄音壳咕,去河邊找鬼席揽。 笑死,一個(gè)胖子當(dāng)著我的面吹牛谓厘,可吹牛的內(nèi)容都是我干的幌羞。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼竟稳,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼属桦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起他爸,我...
    開封第一講書人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤聂宾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后诊笤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體系谐,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年盏混,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蔚鸥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡许赃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馆类,到底是詐尸還是另有隱情混聊,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布乾巧,位于F島的核電站句喜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏沟于。R本人自食惡果不足惜咳胃,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望旷太。 院中可真熱鬧展懈,春花似錦、人聲如沸供璧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽睡毒。三九已至来惧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間演顾,已是汗流浹背供搀。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工隅居, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人葛虐。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓军浆,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親挡闰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子乒融,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容