三.字符串的擴(kuò)展

字符串的遍歷器接口

es6為字符串添加了遍歷器接口,使得字符串可以被 for...of循環(huán)遍歷询兴。

for(let codePoint of 'foo'){
    console.log(codePoint);
}
includes(), startsWith(), endWith()
  • includes():返回布爾值管引,表示是否找到參數(shù)字符串
  • startsWith():返回布爾值晤斩,表示參數(shù)字符串是否在原字符串的頭部柳沙。
  • endsWith():返回布爾值盛险,表示參數(shù)字符串是否在原字符串的尾部
var s="Hello world!";
s.startsWith('Hello')//true
s.endWith('!')//true
s.includes('o')//true

以上三個(gè)方法都支持第二個(gè)參數(shù)僧家,表示開(kāi)始搜索的位置雀摘。

var s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

上面代碼表示,使用第二個(gè)參數(shù)n時(shí)八拱,endsWith的行為與其他兩個(gè)方法有所不同阵赠。它針對(duì)前n個(gè)字符,而其他兩個(gè)方法針對(duì)從第n個(gè)位置直到字符串結(jié)束肌稻。

repeat()

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

'x'.repeat(3)//"xxx"
'hello'.repeat(2)// "hellohello"
'na'.repeat(0)// ""
padStart(), padEnd()

padStart()用于頭部補(bǔ)全爹谭,padEnd()用于尾部補(bǔ)全枷邪。

'x'.padStart(5,'ab') //'ababx'
'x'.padStart(4,'ab')//'abax'

'x'.padEnd(5,'ab') // 'xabab'
'x'.padEnd(4,'ab')//'xaba'

上面代碼中,padStartpadEnd一共接受兩個(gè)參數(shù)诺凡,第一個(gè)參數(shù)用來(lái)指定字符串的最小長(zhǎng)度东揣,第二個(gè)參數(shù)是用來(lái)補(bǔ)全的字符串。

模板字符串

傳統(tǒng)的模板

$('#result').append(
  'There are <b>' + basket.count + '</b> ' +
  'items in your basket, ' +
  '<em>' + basket.onSale +
  '</em> are on sale!'
);

es6模板字符串

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

如果用模板字符串腹泌,所有的縮進(jìn)都保留在輸出中嘶卧,要想消除,須使用trim方法凉袱。

//ul標(biāo)簽前面會(huì)有一個(gè)換行
$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芥吟,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子专甩,更是在濱河造成了極大的恐慌运沦,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件配深,死亡現(xiàn)場(chǎng)離奇詭異携添,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)篓叶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門烈掠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)羞秤,“玉大人,你說(shuō)我怎么就攤上這事左敌●埃” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵矫限,是天一觀的道長(zhǎng)哺哼。 經(jīng)常有香客問(wèn)我,道長(zhǎng)叼风,這世上最難降的妖魔是什么取董? 我笑而不...
    開(kāi)封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮无宿,結(jié)果婚禮上茵汰,老公的妹妹穿的比我還像新娘。我一直安慰自己孽鸡,他們只是感情好蹂午,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著彬碱,像睡著了一般豆胸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上巷疼,一...
    開(kāi)封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天配乱,我揣著相機(jī)與錄音,去河邊找鬼皮迟。 笑死搬泥,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伏尼。 我是一名探鬼主播忿檩,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼爆阶!你這毒婦竟也來(lái)了燥透?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辨图,失蹤者是張志新(化名)和其女友劉穎班套,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體故河,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡吱韭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鱼的。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片理盆。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡痘煤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出猿规,到底是詐尸還是另有隱情衷快,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布姨俩,位于F島的核電站蘸拔,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏环葵。R本人自食惡果不足惜调窍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望积担。 院中可真熱鬧,春花似錦猬仁、人聲如沸帝璧。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)的烁。三九已至,卻和暖如春诈闺,著一層夾襖步出監(jiān)牢的瞬間渴庆,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工雅镊, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留襟雷,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓仁烹,卻偏偏與公主長(zhǎng)得像耸弄,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子卓缰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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