ES6: 字符串

SnaiLiu 發(fā)布于2019-08-21 11:33 / 1537人閱讀

摘要：方法返回一個新的字符串，表示將原字符串重復(fù)次。為了補(bǔ)全字符串，引入了和。共接受兩個參數(shù)，第一個參數(shù)用來指定字符串的最小長度，第二個參數(shù)是用來補(bǔ)全的字符串。如果原字符串的長度，等于或大于指定的最小長度，則返回原字符串。

現(xiàn)在ES6增加了很多的字符串的方法，但是有些感覺自己也不是很懂，所以就羅列了一些平常的用的。

includes， startsWith， endsWith

includes(): 返回布爾值，表示是否找到了參數(shù)字符串；

startsWith(): 返回布爾值，表示參數(shù)字符串是否在源字符串的頭部

endsWith(): 返回布爾值，表示參數(shù)字符串是否在源字符串的尾部。

使用：

var s = "Hello world";

s.startsWith("Hello");//true
s.endsWith("Hello");//true
s.includes("o");//true

也都可以支持第二個參數(shù)，表示開始搜索的位置。

var s = "Hello world";

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

repeat()

repeat方法返回一個新的字符串，表示將原字符串重復(fù)n次。

"x".repeat(3)//"xxx"

傳入的如果是小數(shù)，會被取證；
如果是負(fù)數(shù)或者Infinity，會報錯；
NaN等同于0；
如果是字符串，則會先轉(zhuǎn)換成數(shù)字。

padStart、 padEnd

為了補(bǔ)全字符串，引入了padStart和padEnd。如果字符串不夠指定長度，會在頭部或者尾部補(bǔ)全。
padStart()、padEnd() 共接受兩個參數(shù)，第一個參數(shù)用來指定字符串的最小長度，第二個參數(shù)是用來補(bǔ)全的字符串。
如果原字符串的長度，等于或大于指定的最小長度，則返回原字符串。

"xxx".padStart(2, "ab") // "xxx"
"xxx".padEnd(2, "ab") // "xxx"
"abc".padStart(10, "0123456789") // "0123456abc"

如果第二個參數(shù)省略，默認(rèn)用空格補(bǔ)全長度。

字符串模板

模板字符串，用反引號標(biāo)識（`）,它可以當(dāng)作普通字符串，也可以定義多行字符串，或者在字符串中嵌入變量。

`In Javascript " " is a line-feed.` `In Javascript this is not legal.` var name="Bob", time = "today"; `Hello ${name}, how are you ${time}?` const tmpl = addrs =>` ${addrs.map(addr => ` `).join("")}

還有其他很多方法
String.raw()
模板字符串的限制
.
.
.

GPU云服務(wù)器云服務(wù)器 es6字符串?dāng)U展 ES6 es6-系列 ES6入門

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86842.html

相關(guān)文章

ES6-前世今生（0）

摘要：更新了個版本，最新正式版是語言的下一代標(biāo)準(zhǔn)，早已在年月正式發(fā)布?；静恢С忠苿佣藶g覽器對的支持情況版起便可以支持的新特性。比較通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有著怎樣的關(guān)系？ 1996 年 11 月，Netscape 創(chuàng)造了javascript并將其提交給了標(biāo)準(zhǔn)化組織 ECMA，次年，ECMA 發(fā)布 262 號標(biāo)準(zhǔn)文件（ECMA-...

LeviDing 2019-08-26 13:41 評論0 收藏0
10個最佳ES6特性

摘要：，正式名稱是，但是這個名稱更加簡潔。已經(jīng)不再是最新的標(biāo)準(zhǔn)，但是它已經(jīng)廣泛用于編程實踐中。而制定了模塊功能。自從年雙十一正式上線，累計處理了億錯誤事件，得到了金山軟件等眾多知名用戶的認(rèn)可。譯者按: 人生苦短，我用ES6。原文: Top 10 ES6 Features Every Busy JavaScript Developer Must Know 譯者: Fundebug 為了保...

codeKK 2019-08-20 19:01 評論0 收藏0
[ ES6 ] 快速掌握常用 ES6 （一）

摘要：常量變量先說說常量和變量的概念吧，常量是說那種進(jìn)行一次賦值后不會更改的值，比如說游戲賬戶的，變量是說賦值后有更改的需求的，比如游戲名，游戲密碼。常用實例交換變量的值提取數(shù)據(jù)解構(gòu)賦值對提取對象中的數(shù)據(jù)，尤其有用。本系列文章適合快速掌握 ES6 入門語法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》學(xué)習(xí) 20% 的知識完成 80% 的工作關(guān)于 ...

ispring 2019-08-23 14:01 評論0 收藏0
你該知道的ES6那些事兒

摘要：最近重構(gòu)了一個項目，引入了部分用法，最大的感受是讓這門語言變得更加嚴(yán)謹(jǐn)，更加方便。通過該方法獲得位置后還得比較一次才能判斷是否存在。再來看看的寫法使用數(shù)組來初始化一個，構(gòu)造器能確保不重復(fù)地使用這些值。下面提供鏈接，供有興趣的朋友參考。最近重構(gòu)了一個SPA項目，引入了部分ES6用法，最大的感受是ES6讓javascript這門語言變得更加嚴(yán)謹(jǐn)，更加方便。本篇將結(jié)合實戰(zhàn)經(jīng)驗，對最常用的部...

CoffeX 2019-08-22 18:42 評論0 收藏0
ES6 舊瓶新酒

摘要：本文是系列的第二篇，前一篇走馬觀花概要介紹了，這一篇標(biāo)題之所以叫舊瓶新酒，是想介紹那些原來就被廣泛使用的對象，例如，對這些對象擴(kuò)展了一些很有用的新方法。用于監(jiān)聽取消監(jiān)聽數(shù)組的變化，指定回調(diào)函數(shù)。在中已被建議撤銷。本文是 ES6 系列的第二篇，前一篇《ES6 走馬觀花》概要介紹了ES6，這一篇標(biāo)題之所以叫舊瓶新酒，是想介紹那些原來就被廣泛使用的JS對象，例如String、Array，E...

未東興 2019-08-21 10:48 評論0 收藏0
Javascript內(nèi)置對象新增接口列表

網(wǎng)上很少有提供不同版本接口對比的文章，所以自己總結(jié)一下。 Array Method Description Modify Version concat 連接多個數(shù)組，返回數(shù)組副本，參數(shù)可以為值或數(shù)組否 ES3 join 把數(shù)組元素組合為字符串否 ES3 pop 刪除并返回最后一個元素是 ES3 push 向數(shù)組末尾添加一個或多個值，返回數(shù)組長度是 ES3 reve...

xuhong 2019-08-21 17:02 評論0 收藏0