文章目錄

• 1. Unicode表示法
• 2. 遍歷器接口
• 3. 模板字符串
• 4. 擴(kuò)展方法

1. Unicode表示法

ES6 加強(qiáng)了對(duì) Unicode 的支持，允許采用\uxxxx形式表示一個(gè)字符，其中xxxx表示字符的 Unicode 碼點(diǎn)。

"\u0061" // "a"

但是，這種表示法只限于碼點(diǎn)在\u0000~\uFFFF之間的字符。超出這個(gè)范圍的字符，必須用兩個(gè)雙字節(jié)的形式表示。

"\uD842\uDFB7" // "𠮷""\u20BB7" // " 7"

如果直接在\u后面跟上超過(guò)0xFFFF的數(shù)值（比如\u20BB7），JavaScript 會(huì)理解成\u20BB+7。由于\u20BB是一個(gè)不可打印字符，所以只會(huì)顯示一個(gè)空格，后面跟著一個(gè)7。

有了這種表示法之后，JavaScript 共有 6 種方法可以表示一個(gè)字符。

'\z' === 'z' // true '\172' === 'z' // true '\x7A' === 'z' // true '\u007A' === 'z' // true '\u{7A}' === 'z' // true

2. 遍歷器接口

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

for (let item of 'oh,es6 is 666!') {console.log(item) }

3. 模板字符串

先看看ES5中處理字符串復(fù)雜的方式：

// 字符串很長(zhǎng)要換行,處理不好就會(huì)導(dǎo)致程序語(yǔ)法錯(cuò)誤// 字符串中有變量或者表達(dá)式,拼接字符串很麻煩，稍不留意就錯(cuò)了 var name = "xiaoming" var age = 18 var res = 'Hello, my name is' + name + ' I\'m' + age console.log(res)

ES6 中引入字符串字面量來(lái)解決字符串拼接問(wèn)題：

// 換行問(wèn)題 `string text line 1string text line 2`// 字符串中包含變量或表達(dá)式，拼接 `Hello, my name is ${name} I'm ${age}`

ES6 中還引入了標(biāo)簽?zāi)０鍋?lái)解決字符串復(fù)雜邏輯：

// 定義標(biāo)簽函數(shù) function tag(literals, ...substitutions) {// 返回一個(gè)字符串 } var a = 5; var b = 10;tag`Hello ${ a + b } world ${ a * b }`; // 等同于 tag(['Hello ', ' world ', ''], 15, 50);

4. 擴(kuò)展方法

• String.prototype.fromCodePoint()
  從 Unicode 碼點(diǎn)返回對(duì)應(yīng)字符，并且可以識(shí)別大于0xFFFF的字符

// ES5 console.log(String.fromCharCode(0x20BB7))// ES6 console.log(String.fromCodePoint(0x20BB7))

• String.prototype.includes()

// ES5 使用indexOf方法判斷是否存在，不存在返回-1，存在返回對(duì)應(yīng)下標(biāo) const str = 'hello' console.log(str.indexOf('lo'))// ES6提供了includes方法來(lái)判斷，返回boolean類型的值 const str = 'hello' console.log(str.includes('lo'))

• String.prototype.startsWith()
  判斷參數(shù)字符串是否在原字符串的頭部, 返回boolean類型的值。

const str = 'hello' console.log(str.startsWith('he'))

• String.prototype.endsWith()
  判斷參數(shù)字符串是否在原字符串的尾部, 返回boolean類型的值。

const str = 'hello' console.log(str.endsWith('lo'))

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

const str = 'hello' const newStr = str.repeat(3) console.log(newStr) // hellohellohello

總結(jié)

以上是生活随笔為你收集整理的【ES6(2015)】String的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。