ES6: 字符串

SnaiLiu 發布于2019-08-21 11:33 / 1512人閱讀

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

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

includes， startsWith， endsWith

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

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

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

使用：

var s = "Hello world";

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

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

var s = "Hello world";

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

repeat()

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

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

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

padStart、 padEnd

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

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

如果第二個參數省略，默認用空格補全長度。

字符串模板

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

`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云服務器云服務器 es6字符串擴展 ES6 es6-系列 ES6入門

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86842.html

ES6-前世今生（0）

摘要：更新了個版本，最新正式版是語言的下一代標準，早已在年月正式發布。基本不支持移動端瀏覽器對的支持情況版起便可以支持的新特性。比較通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有著怎樣的關系？ 1996 年 11 月，Netscape 創造了javascript并將其提交給了標準化組織 ECMA，次年，ECMA 發布 262 號標準文件（ECMA-...

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

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

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

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

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

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

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

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

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

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

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