乐趣区

关于es6:5字符串新增方法

jiezi

String.fromCodePoint()

因为 String.fromCharCode 用于从 unicode 码点返回对应字符, 但码点大于 0xFFFF 的不行
所以 String.fromCodePoint 能够识别码点大于 0xFFFF 的字符

Stirng.raw()

String.raw()实质上是一个函数, 能够作为解决模板字符串的根本办法, 它会将所有变量替换
专用于模板字符串的标签函数
写成失常函数的模式:
它的第一个参数，应该是一个具备 raw 属性的对象，且 raw 属性的值应该是一个数组，对应模板字符串解析后的值。

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

返回一个斜杠都被本义的字符串

String.raw`Hi\n${2+3}!`
// 理论返回 "Hi\\n5!"，显示的是本义后的后果 "Hi\n5!"

String.raw`Hi\u000A!`;
// 理论返回 "Hi\\u000A!"，显示的是本义后的后果 "Hi\u000A!"

如果原字符串的斜杠曾经本义，那么 String.raw()会进行再次本义

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

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

codePointAt()

JavaScript 外部，字符以 UTF-16 的格局贮存，每个字符固定为 2 个字节。
对于那些须要 4 个字节贮存的字符（Unicode 码点大于 0xFFFF 的字符），
JavaScript 会认为它们是两个字符.
codePointAt()够正确处理 4 个字节贮存的字符，返回一个字符的码点

normalize()

includes(),stratsWith(),endsWith()

确定字符串是否蕴含在另一个字符串中, 三个均返回布尔值
includes(string,n): 是否找到了参数字符串
startsWith(string,n): 参数字符串是否在原字符串头部
endsWith(string,n): 参数字符串是否在原字符串尾部
n:
endsWith: 前 n 个字符
includes,startsWith: 第 n 个地位到字符串完结

let s = 'Hello world!';

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

repeat()

返回一个新字符串, 将原字符串反复 n 次

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""小数会被取整'na'.repeat(2.9) //"nana"正数或者 infinity 会报错'na'.repeat(Infinity)
// RangeError
'na'.repeat(-1)
// RangeError

0 到 -1, 取整, 视为 0
'na'.repeat(-0.9) // ""NaN, 等同于 0'na'.repeat(NaN) //""

repeat 的参数是字符串，则会先转换成数字。'na'.repeat('na') // ""'na'.repeat('3') // "nanana"

padStart(),padEnd()

如果字符串不够指定长度, 会在头部或尾部补全
padStart(n,string): 补全头部
padEnd(n,string): 补全尾部
n: 最大长度
string: 用来补全的字符串

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

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

当 n 等于或大于字符串原长度, 补全不失效, 返回原字符串

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

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

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

当用来补全的字符串和原字符串的和超过 n, 截去补全字符串

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

常见用处:

  • 为数值补全指定位数
'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"
  • 提醒字符串格局
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

trimStart(),trimEnd()

等同于 trim(), 返回新字符串
trimStart: 打消头部空格
trimEnd: 打消尾部空格

const s = 'abc';

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

matchAll()

返回一个正则表达式在以后字符串的所有匹配, 见正则扩大.md

退出移动版