ES6字符串新增方法

String.fromCodePoint()

String对象里面的方法

用于从 Unicode 码点返回对应字符,但是这个方法不能识别码点大于0xFFFF的字符。

ES6弥补了这一缺点

如果有多个参数,则被合并成一个字符串返回。

console.log(String.fromCodePoint(0x78, 0x1f680, 0x79)); 
//'x🚀y'

String.raw()

返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串

\${1 + 2} 转义 \\3

codePointAt()

能够正确处理 4 个字节储存的字符,返回一个字符的码点。

与String.fromCodePoint()作用相反 但是fromCodePoint方法定义在String对象上,而codePointAt方法定义在字符串的实例对象上。

charAt()方法无法读取整个字符,charCodeAt()方法只能分别返回前两个字节和后两个字节的Unicode码。

normalize()

将字符的不同表示方法统一为同样的形式,这称为 Unicode 正规化。

许多欧洲语言有语调符号和重音符号。为了表示它们,Unicode 提供了两种方法。

一种是直接提供带重音符号的字符,比如Ǒ(\u01D1)。

另一种是提供合成符号(combining character),即原字符与重音符号的合成,两个字符合成一个字符,比如O(\u004F)和ˇ(\u030C)合成Ǒ(\u004F\u030C)。

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

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

includes();startsWith();endsWith()

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

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

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

let s = 'Hello world!'; 
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

可以加第二个参数,表示开始搜索的位置

endsWith针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。

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

repeat()

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

注意:

1.如果是小数,会被取整。

2.如果是负数或者Infinity,会报错。

3.如果参数是 0 到-1 之间的小数,则等同于 0,这是因为会先进行取整运算。

如果参数是 0 到-1 之间的小数,取整以后等于-0,repeat视同为 0。

4.NaN等于 0。

5.repeat的参数是字符串,则会先转换成数字。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""
'na'.repeat(2.9) // "nana"
'na'.repeat(Infinity)// RangeError
'na'.repeat(-1)// RangeError
'na'.repeat(-0.9) // ""
'na'.repeat(NaN) // ""
'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"

padStart(),padEnd()

padStart()用于头部补全,padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx' 用于补全的字符串补完过后 如果还有剩余位数没有加 则从头开始继续加 直到加到规定位数为止
'x'.padStart(4, 'ab') // 'abax'

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

'xxx'.padStart(2, 'ab') // 'xxx' 如果原字符串的长度,等于或大于最大长度,则字符串补全不生效,返回原字符串。
'xxx'.padEnd(2, 'ab') // 'xxx'

'abc'.padStart(10, '0123456789') 
// '0123456abc'
// 如果用来补全的字符串与原字符串,两者的长度之和超过了最大长度,则会截去超出位数的补全字符串。

'x'.padStart(4) // '   x'  如果省略第二个参数,默认使用空格补全长度。
'x'.padEnd(4) // 'x   '

//padStart()的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。
'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"

对字符串头部(或尾部)的 tab 键、换行符等不可见的空白符号也有效。

trimLeft()===trimStart()

trimRight()===trimEnd()

matchAll()

正则表达式在字符串里面有多个匹配可以用matchAll一次性取出所有匹配。

返回的是一个遍历器(Iterator),而不是数组。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值