es6學習筆記--字符串的擴展、數組的擴展、對象的擴展

不知名網友發布于2019-08-22 16:02 / 2501人閱讀

摘要：字符串的擴展字符串的遍歷器接口字符串可以被循環遍歷。即能識別編號大于查詢字符串是否包含某個字符返回布爾值，表示是否找到了參數字符串。返回布爾值，表示參數字符串是否在原字符串的頭部。

字符串的擴展 1.字符串的遍歷器接口

字符串可以被for...of循環遍歷。

與es5的比較
for循環雖可以遍歷字符串，但不能識別大于oxFFFF的編碼；

2.位置 --> 字符/碼點

根據指定位置返回對應的字符和碼點

es5:

charCodeAt() 碼點

charAt() 字符

es6： ---優勢，能識別大于oxFFFF的編碼；

codePointAt()--返回碼點

at()--返回字符 (目前es6還未實現，需要通過墊片庫實現)

let hhh="fdf";
hhh.charAt(1);
// "d"
hhh.charCodeAt(1);
// 100
hhh.codePointAt(1);
// 100
hhh.at(1)
// Uncaught TypeError: hhh.at is not a function

3.碼點 --> 字符

根據碼點返回對應的字符

es5:String.fromCharCode(0x20BB7)；定義在String對象上

es6:String.fromCodePoint()；定義在字符串的實例對象上。--能識別32位字符。即能識別Unicode編號大于oxFFFF;

String.fromCharCode(100)
"d"
String.fromCodePoint(0x20BB7)
// "?"
String.fromCodePoint(100,100,100)
// ffffd

4.查詢字符串是否包含某個字符

es5:

indexOf()

es6:

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

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

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

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

let s = "Hello world!";

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

5.repeat(n)

返回一個新字符串，表示將原字符串重復n次。
參數如果是小數，會被取整。

"x".repeat(3) // "xxx"
"hello".repeat(2) // "hellohello"
"na".repeat(0) // ""
"na".repeat(2.9) // "nana"
"na".repeat(Infinity)
// RangeError
"na".repeat(-1)
// RangeError
參數NaN等同于 0

6.字符串補全長度的功能

padStart(minlength,string)用于頭部補全，
padEnd(minlength,string)用于尾部補全
用途：

提示字符串格式；

為數值補全指定位數

"x".padStart(5, "ab") // "ababx"
"x".padStart(4, "ab") // "abax"
"x".padEnd(5, "ab") // "xabab"
"x".padEnd(4, "ab") // "xaba"
"xxx".padStart(2, "ab") // "xxx"
"xxx".padEnd(2, "ab") // "xxx"
"x".padStart(4) // "   x"
"x".padEnd(4) // "x   "
"12".padStart(10, "YYYY-MM-DD") // "YYYY-MM-12"
"09-12".padStart(10, "YYYY-MM-DD") // "YYYY-09-12"

GPU云服務器云服務器對象的擴展 es6字符串擴展云計算的擴展服務器的擴展

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

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

es6學習筆記-函數擴展_v1.0_byKL

摘要：學習筆記函數擴展函數參數的默認值如果參數默認值是變量，那么參數就不是傳值的，而是每次都重新計算默認值表達式的值。屬性函數的屬性，返回該函數的函數名。箭頭函數詳細鏈接參考引用函數擴展 es6學習筆記-函數擴展_v1.0 函數參數的默認值 function Point(x = 0, y = 0) { this.x = x; this.y = y; } var p = ne...

yuanzhanghu 2019-08-20 15:16 評論0 收藏0
es6學習筆記-字符串的擴展_v1.0_byKL

摘要：學習筆記字符串的擴展字符的表示法允許使用的形式表示一個字符，但在之前，單個碼點僅支持到，超出該范圍的必須用雙字節形式表示，否則會解析錯誤。返回布爾值，表示參數字符串是否在源字符串的頭部。，是引入了字符串補全長度的功能。 es6學習筆記-字符串的擴展_v1.0 字符的Unicode表示法 JavaScript 允許使用uxxxx的形式表示一個字符，但在 ES6 之前，單個碼點僅支持u00...

JaysonWang 2019-08-21 11:36 評論0 收藏0
《ES6標準入門》讀書筆記

摘要：標準入門讀書筆記和命令新增命令，用于聲明變量，是塊級作用域。用于頭部補全，用于尾部補全。函數調用的時候會在內存形成一個調用記錄，又稱為調用幀，保存調用位置和內部變量等信息。等到執行結束再返回給，的調用幀才消失。《ES6標準入門》讀書筆記 @(StuRep) showImg(https://segmentfault.com/img/remote/1460000006766369?w=3...

HollisChuang 2019-08-19 18:41 評論0 收藏0
ES6學習筆記2—各擴展

摘要：字符串的擴展字符的表示法允許采用形式表示一個字符，其中表示字符的碼點。返回布爾值，表示參數字符串是否在源字符串的頭部。使用和這兩個常量，用來表示這個范圍的上下限。對于那些無法用個二進制位精確表示的小數，方法返回最接近這個小數的單精度浮點數。字符串的擴展字符的 Unicode 表示法 JavaScript 允許采用uxxxx形式表示一個字符，其中xxxx表示字符的 Unicode 碼...

Zoom 2019-08-20 16:02 評論0 收藏0
ES6學習筆記

摘要：學習筆記在學習的過程中做的一些記錄，用于未來的快速回憶。數組成員為時，默認值仍會生效因為在內部使用嚴格相等運算符，判斷一個位置是否有值，所以當一個數組成員嚴格等于默認值才會生效。 ES6學習筆記在學習ES6的過程中做的一些記錄，用于未來的快速回憶。 let&const 作用域的概念 ES6新增塊級作用域的概念（一個大括號括起來的部分就是一個塊作用域） let與const用于在塊級作...

mengbo 2019-08-23 13:47 評論0 收藏0