ES6字符串扩展总结

字符串扩展

字符的 Unicode 表示法 ："\u0061"

表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。

这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。

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

ES6 对这一点做出了改进，只要将码点放入大括号，就能正确解读该字符。

"\u{20BB7}"
// "𠮷"

"\u{41}\u{42}\u{43}"
// "ABC"

let hello = 123;
hell\u{6F} // 123

'\u{1F680}' === '\uD83D\uDE80'
// true

字符串的遍历器接口

字符串可以被for...of循环遍历。

for (let codePoint of 'foo') {
  console.log(codePoint)
}

遍历器最大的优点是可以识别大于0xFFFF的码点

let text = String.fromCodePoint(0x20BB7);
for (let i of text) {
  console.log(i);
}
// "𠮷"

JSON.stringify() 的改造

JSON.stringify()的问题在于，它可能返回0xD800到0xDFFF之间的单个码点。

JSON.stringify('\u{D834}') // "\u{D834}"

遇到0xD800到0xDFFF之间的单个码点，或者不存在的配对形式，它会返回转义字符串，留给应用自己决定下一步的处理。

JSON.stringify('\u{D834}') // ""\\uD834""
JSON.stringify('\uDF06\uD834') // ""\\udf06\\ud834""

String.fromCodePoint()方法：

可以识别大于0xFFFF的字符，弥补了String.fromCharCode()方法的不足。

String.fromCodePoint(0x20BB7)
// "𠮷"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true

如果String.fromCodePoint方法有多个参数，则它们会被合并成一个字符串返回；
fromCodePoint方法定义在String对象上，而codePointAt方法定义在字符串的实例对象上。

实例和对象的区别，从定义上来讲：

• 1、实例是类的具象化产品，
• 2、而对象是一个具有多种属性的内容结构。

​ 实例都是对象，而对象不全是实例。

codePointAt()方法：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h3HcL8yY-1586046491410)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200402154122118.png)]

实例方法：normalize()：

用来将字符的不同表示方法统一为同样的形式，被称为 Unicode 正规化。

'\u01D1'.normalize() === '\u004F\u030C'.normalize()
normalize方法目前不能识别三个或三个以上字符的合成。

includes()：返回布尔值，表示是否找到了参数字符串。

startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。

endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

注意：字符串的字符位数从0开始算，查找的时候空格在中间也占用一个字符位置。

只有一个值的时候就写要查找的值；

这几个方法里面第一个值是要查找的值，第二个值为开始查找的位置；

let s = 'Hello world!';

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

实例方法：repeat(要重复字符串，重复的次数) ：

返回一个新字符串，表示将原字符串重复n次。

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

参数如果是正小数，会向下取整。
如果参数是 0 到-1 之间的小数，则等同于 0，这是因为会先进行取整运算。
'na'.repeat(2.9) // "nana"
'na'.repeat(-0.9) // ""

如果repeat的参数是负数或者Infinity，会报错
'na'.repeat(Infinity)
// RangeError
'na'.repeat(-1)
// RangeError

实例方法：padStart()，padEnd()：

padStart()的常见用途是为数值补全指定位数:

'1'.padStart(10, '0') // "0000000001"

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

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'
第一个参数是字符串补全生效的最大长度，最大长度是从1开始算的，第二个参数是用来补全的字符串。

如果用来补全的字符串与原字符串，两者的长度之和超过了最大长度，则会截去超出位数的补全字符串。

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

如果省略第二个参数，默认使用空格补全长度。

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

实例方法：trimStart()，trimEnd() :

trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。

const s = '  abc  ';

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