ES6入門-字符串的拓展

JavaScript中字符串使用unicode表示法,通常由2個字節構成一個字符,超過該範圍的字節會以8個字節形式給出
<!--more -->

codePointAt()

var s = "?";

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

let s = '?a';

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

s.codePointAt(2) // 97

String.fromCodePoint()

//從碼點返回對應的字符
String.fromCodePoint(0x20BB7)
// "?"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true

若傳入多個參數,則該函數將會合並全部參數,造成一個字符串返回

字符串的遍歷接口

使用for....of能夠循環遍歷,而且他能夠識別大於0xffff的碼點,

for(let it of "ABC"){
  console.log(it);
}
// "A"
// "B"
// "C"
let str = "?"
for(let i of str){
  console.log(i)
}

at()

返回字符串指定位置的字符,但沒法識別大於0xffff的字符

"abc".charAt(0) // "a"
"?".charAt(0) // "\uD842"

normalize()

Unicode正規化:用來將字符的不一樣表示方法統一爲一樣的形式

includes(),startsWith(),endsWith()

includes(): 返回布爾值,表示是否找到了參數字符串
startsWith(): 返回布爾值,表示參數字符串是否在源字符串的頭部.
endsWith():返回布爾值,表示參數字符串是否在源字符串的尾部.

let s = 'Hello world!';

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

可利用第二個參數指定開始搜索的範圍

let s = 'Hello world!';

s.startsWith('world', 6) // true 從第六個字符開始到結尾組成的字符串是否以`world`結尾
s.endsWith('Hello', 5) // true 前五個字符組成的字符串是否以`Hello`結尾的
s.includes('Hello', 6) // false 從第六個字符開始到結尾組成的字符串是否包含`Hello`

repeat()

返回一個新的字符串,將對應字符串重複n次

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

首先會對參數進行四捨五入,完成了若獲得了除0或者正整數以外的值,則會報錯或返回空字符串

padStart(),padEnd()

用戶字符串的補全,分別爲首部補全,尾部補全,常見於數字的格式化時候的補全
例如:十位數的字符串

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

參數1爲顯示指定返回的字符串的長度,參數2默認爲空格,即空格補全,
若補全長度之和大於指定的長度,則截取補全的字符以知足指定長度.

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

matchAll()

返回一個字符串對該正則表達式的全部匹配

模板字符串

利用反引號標識,可嵌入變量,可定義多行字符串

let a = "1234"
let str = `Hello${a}`
console.log(str) // "Hello1234"

// 多行字符串

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

歡迎訪問個人博客瞭解更多