亚洲国产成人片在线观看无码 ,亚洲色欲色欲一区二区三区,国精品无码一区二区三区

1. String.fromCodePoint()

ES5 提供 String.fromCharCode() 方法，用于從 Unicode 碼點(diǎn)返回對(duì)應(yīng)字符，但是這個(gè)方法不能識(shí)別碼點(diǎn)大于 0xFFFF 的字符。

String.fromCharCode(0x20BB7)
// "?"

上面代碼中， String.fromCharCode() 不能識(shí)別大于 0xFFFF 的碼點(diǎn)，所以 0x20BB7 就發(fā)生了溢出，最高位 2 被舍棄了，最后返回碼點(diǎn) U+0BB7 對(duì)應(yīng)的字符，而不是碼點(diǎn) U+20BB7 對(duì)應(yīng)的字符。

ES6 提供了 String.fromCodePoint()方法，可以識(shí)別大于 0xFFFF 的字符，彌補(bǔ)了 String.fromCharCode() 方法的不足。在作用上，正好與下面的 codePointAt() 方法相反。

String.fromCodePoint(0x20BB7)
// "吉"，注意，這個(gè)字符長(zhǎng)得很像吉，但并不是漢字“吉”，為了展示出來以下這個(gè)符號(hào)用吉代替
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true

上面代碼中，如果 String.fromCodePoint 方法有多個(gè)參數(shù)，則它們會(huì)被合并成一個(gè)字符串返回。

注意， fromCodePoint 方法定義在 String 對(duì)象上，而 codePointAt 方法定義在字符串的實(shí)例對(duì)象上。

2. String.raw()

ES6 還為原生的 String 對(duì)象，提供了一個(gè) raw()方法。該方法返回一個(gè)斜杠都被轉(zhuǎn)義（即斜杠前面再加一個(gè)斜杠）的字符串，往往用于模板字符串的處理方法。

String.raw`Hi\n${2+3}!`
// 實(shí)際返回 "Hi\\n5!"，顯示的是轉(zhuǎn)義后的結(jié)果 "Hi\n5!"


String.raw`Hi\u000A!`;
// 實(shí)際返回 "Hi\\u000A!"，顯示的是轉(zhuǎn)義后的結(jié)果 "Hi\u000A!"

如果原字符串的斜杠已經(jīng)轉(zhuǎn)義，那么 String.raw() 會(huì)進(jìn)行再次轉(zhuǎn)義。

String.raw`Hi\\n`
// 返回 "Hi\\\\n"


String.raw`Hi\\n` === "Hi\\\\n" // true

String.raw() 方法可以作為處理模板字符串的基本方法，它會(huì)將所有變量替換，而且對(duì)斜杠進(jìn)行轉(zhuǎn)義，方便下一步作為字符串來使用。

String.raw() 本質(zhì)上是一個(gè)正常的函數(shù)，只是專用于模板字符串的標(biāo)簽函數(shù)。如果寫成正常函數(shù)的形式，它的第一個(gè)參數(shù)，應(yīng)該是一個(gè)具有 raw 屬性的對(duì)象，且 raw 屬性的值應(yīng)該是一個(gè)數(shù)組，對(duì)應(yīng)模板字符串解析后的值。

// `foo${1 + 2}bar`
// 等同于
String.raw({ raw: ['foo', 'bar'] }, 1 + 2) // "foo3bar"

上面代碼中， String.raw() 方法的第一個(gè)參數(shù)是一個(gè)對(duì)象，它的 raw 屬性等同于原始的模板字符串解析后得到的數(shù)組。

作為函數(shù)， String.raw() 的代碼實(shí)現(xiàn)基本如下。

String.raw = function (strings, ...values) {
  let output = '';
  let index;
  for (index = 0; index < values.length; index++) {
    output += strings.raw[index] + values[index];
  }


  output += strings.raw[index]
  return output;
}

3. 實(shí)例方法：codePointAt()

JavaScript 內(nèi)部，字符以UTF-16 的格式儲(chǔ)存，每個(gè)字符固定為 2 個(gè)字節(jié)。對(duì)于那些需要 4 個(gè)字節(jié)儲(chǔ)存的字符（Unicode 碼點(diǎn)大于 0xFFFF 的字符），JavaScript 會(huì)認(rèn)為它們是兩個(gè)字符。

var s = "吉";


s.length // 2
s.charAt(0) // ''
s.charAt(1) // ''
s.charCodeAt(0) // 55362
s.charCodeAt(1) // 57271

上面代碼中，漢字“吉”（注意，這個(gè)字不是“吉祥”的“吉”）的碼點(diǎn)是 0x20BB7 ，UTF-16 編碼為 0xD842 0xDFB7 （十進(jìn)制為 55362 57271 ），需要 4 個(gè)字節(jié)儲(chǔ)存。對(duì)于這種 4 個(gè)字節(jié)的字符，JavaScript 不能正確處理，字符串長(zhǎng)度會(huì)誤判為 2 ，而且 charAt() 方法無法讀取整個(gè)字符， charCodeAt() 方法只能分別返回前兩個(gè)字節(jié)和后兩個(gè)字節(jié)的值。

ES6 提供了 codePointAt() 方法，能夠正確處理 4 個(gè)字節(jié)儲(chǔ)存的字符，返回一個(gè)字符的碼點(diǎn)。

let s = '吉a';


s.codePointAt(0) // 134071
s.codePointAt(1) // 57271


s.codePointAt(2) // 97

codePointAt() 方法的參數(shù)，是字符在字符串中的位置（從 0 開始）。上面代碼中，JavaScript 將“吉a”視為三個(gè)字符，codePointAt 方法在第一個(gè)字符上，正確地識(shí)別了“吉”，返回了它的十進(jìn)制碼點(diǎn) 134071（即十六進(jìn)制的 20BB7 ）。在第二個(gè)字符（即“吉”的后兩個(gè)字節(jié)）和第三個(gè)字符“a”上， codePointAt() 方法的結(jié)果與 charCodeAt() 方法相同。

總之， codePointAt() 方法會(huì)正確返回 32 位的 UTF-16 字符的碼點(diǎn)。對(duì)于那些兩個(gè)字節(jié)儲(chǔ)存的常規(guī)字符，它的返回結(jié)果與 charCodeAt() 方法相同。

codePointAt() 方法返回的是碼點(diǎn)的十進(jìn)制值，如果想要十六進(jìn)制的值，可以使用 toString() 方法轉(zhuǎn)換一下。

let s = '吉a';


s.codePointAt(0).toString(16) // "20bb7"
s.codePointAt(2).toString(16) // "61"

你可能注意到了， codePointAt() 方法的參數(shù)，仍然是不正確的。比如，上面代碼中，字符 a 在字符串 s 的正確位置序號(hào)應(yīng)該是 1，但是必須向 codePointAt() 方法傳入 2。解決這個(gè)問題的一個(gè)辦法是使用 for...of 循環(huán)，因?yàn)樗鼤?huì)正確識(shí)別 32 位的 UTF-16 字符。

let s = '吉a';
for (let ch of s) {
  console.log(ch.codePointAt(0).toString(16));
}
// 20bb7
// 61

另一種方法也可以，使用擴(kuò)展運(yùn)算符（ ... ）進(jìn)行展開運(yùn)算。

let arr = [...'吉a']; // arr.length === 2
arr.forEach(
  ch => console.log(ch.codePointAt(0).toString(16))
);
// 20bb7
// 61

codePointAt() 方法是測(cè)試一個(gè)字符由兩個(gè)字節(jié)還是由四個(gè)字節(jié)組成的最簡(jiǎn)單方法。

function is32Bit(c) {
  return c.codePointAt(0) > 0xFFFF;
}


is32Bit("吉") // true
is32Bit("a") // false

4. 實(shí)例方法：normalize()

許多歐洲語(yǔ)言有語(yǔ)調(diào)符號(hào)和重音符號(hào)。為了表示它們，Unicode 提供了兩種方法。一種是直接提供帶重音符號(hào)的字符，比如 ǒ （\u01D1）。另一種是提供合成符號(hào)（combining character），即原字符與重音符號(hào)的合成，兩個(gè)字符合成一個(gè)字符，比如 O （\u004F）和 ˇ （\u030C）合成 ǒ （\u004F\u030C）。

這兩種表示方法，在視覺和語(yǔ)義上都等價(jià)，但是 JavaScript 不能識(shí)別。

'\u01D1'==='\u004F\u030C' //false


'\u01D1'.length // 1
'\u004F\u030C'.length // 2

上面代碼表示，JavaScript 將合成字符視為兩個(gè)字符，導(dǎo)致兩種表示方法不相等。

ES6 提供字符串實(shí)例的 normalize()方法，用來將字符的不同表示方法統(tǒng)一為同樣的形式，這稱為 Unicode 正規(guī)化。

'\u01D1'.normalize() === '\u004F\u030C'.normalize()
// true

normalize 方法可以接受一個(gè)參數(shù)來指定 normalize 的方式，參數(shù)的四個(gè)可選值如下。

NFC ，默認(rèn)參數(shù)，表示“標(biāo)準(zhǔn)等價(jià)合成”（Normalization Form Canonical Composition），返回多個(gè)簡(jiǎn)單字符的合成字符。所謂“標(biāo)準(zhǔn)等價(jià)”指的是視覺和語(yǔ)義上的等價(jià)。
NFD ，表示“標(biāo)準(zhǔn)等價(jià)分解”（Normalization Form Canonical Decomposition），即在標(biāo)準(zhǔn)等價(jià)的前提下，返回合成字符分解的多個(gè)簡(jiǎn)單字符。
NFKC ，表示“兼容等價(jià)合成”（Normalization Form Compatibility Composition），返回合成字符。所謂“兼容等價(jià)”指的是語(yǔ)義上存在等價(jià)，但視覺上不等價(jià)，比如“囍”和“喜喜”。（這只是用來舉例， normalize 方法不能識(shí)別中文。）
NFKD ，表示“兼容等價(jià)分解”（Normalization Form Compatibility Decomposition），即在兼容等價(jià)的前提下，返回合成字符分解的多個(gè)簡(jiǎn)單字符。

'\u004F\u030C'.normalize('NFC').length // 1
'\u004F\u030C'.normalize('NFD').length // 2

上面代碼表示， NFC 參數(shù)返回字符的合成形式， NFD 參數(shù)返回字符的分解形式。

不過， normalize 方法目前不能識(shí)別三個(gè)或三個(gè)以上字符的合成。這種情況下，還是只能使用正則表達(dá)式，通過 Unicode 編號(hào)區(qū)間判斷。

5. 實(shí)例方法：includes(), startsWith(), endsWith()

傳統(tǒng)上，JavaScript 只有 indexOf 方法，可以用來確定一個(gè)字符串是否包含在另一個(gè)字符串中。ES6 又提供了三種新方法。

includes()：返回布爾值，表示是否找到了參數(shù)字符串。
startsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。
endsWith()：返回布爾值，表示參數(shù)字符串是否在原字符串的尾部。

let s = 'Hello world!';


s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

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

let 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é)束。

6. 實(shí)例方法：repeat()

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

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

參數(shù)如果是小數(shù)，會(huì)被取整。

'na'.repeat(2.9) // "nana"

如果 repeat 的參數(shù)是負(fù)數(shù)或者 Infinity ，會(huì)報(bào)錯(cuò)。

'na'.repeat(Infinity)
// RangeError
'na'.repeat(-1)
// RangeError

但是，如果參數(shù)是 0 到-1 之間的小數(shù)，則等同于 0，這是因?yàn)闀?huì)先進(jìn)行取整運(yùn)算。0 到-1 之間的小數(shù)，取整以后等于 -0 ， repeat 視同為 0。

'na'.repeat(-0.9) // ""

參數(shù) NaN 等同于 0。

'na'.repeat(NaN) // ""

如果 repeat 的參數(shù)是字符串，則會(huì)先轉(zhuǎn)換成數(shù)字。

'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"

7. 實(shí)例方法：padStart()，padEnd()

ES2017 引入了字符串補(bǔ)全長(zhǎng)度的功能。如果某個(gè)字符串不夠指定長(zhǎng)度，會(huì)在頭部或尾部補(bǔ)全。 padStart() 用于頭部補(bǔ)全， padEnd() 用于尾部補(bǔ)全。

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


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

上面代碼中， padStart() 和 padEnd() 一共接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是字符串補(bǔ)全生效的最大長(zhǎng)度，第二個(gè)參數(shù)是用來補(bǔ)全的字符串。

如果原字符串的長(zhǎng)度，等于或大于最大長(zhǎng)度，則字符串補(bǔ)全不生效，返回原字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

如果用來補(bǔ)全的字符串與原字符串，兩者的長(zhǎng)度之和超過了最大長(zhǎng)度，則會(huì)截去超出位數(shù)的補(bǔ)全字符串。

'abc'.padStart(10, '0123456789')
// '0123456abc'

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

'x'.padStart(4) // '   x'
'x'.padEnd(4) // 'x   '

padStart() 的常見用途是為數(shù)值補(bǔ)全指定位數(shù)。下面代碼生成 10 位的數(shù)值字符串。

'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"

另一個(gè)用途是提示字符串格式。

'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

8. 實(shí)例方法：trimStart()，trimEnd()

ES2019 對(duì)字符串實(shí)例新增了 trimStart() 和 trimEnd() 這兩個(gè)方法。它們的行為與trim() 一致， trimStart()消除字符串頭部的空格，trimEnd() 消除尾部的空格。它們返回的都是新字符串，不會(huì)修改原始字符串。

const s = '  abc  ';


s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"

上面代碼中， trimStart() 只消除頭部的空格，保留尾部的空格。 trimEnd() 也是類似行為。

除了空格鍵，這兩個(gè)方法對(duì)字符串頭部（或尾部）的 tab 鍵、換行符等不可見的空白符號(hào)也有效。

瀏覽器還部署了額外的兩個(gè)方法， trimLeft() 是 trimStart() 的別名， trimRight() 是 trimEnd() 的別名。

9. 實(shí)例方法：matchAll()

matchAll()方法返回一個(gè)正則表達(dá)式在當(dāng)前字符串的所有匹配，詳見《正則的擴(kuò)展》的一章。

ES6 字符串的新增方法