ES6字符串

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6字符串脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1. 字符串的遍历

es6字符串增加了遍历器接口,for-of 语法,相比传统for(let i=0;.....)来循环字符串,for-of循环可以识别大于0xFFFF的码点,传统的for循环无法识别这样的码点

for (let cp of @H_777_21@'foo') {
  console.LOG(cp)
}

2. normalize()

在欧洲很多国家的字符中有语调和符号或重音符号,Unicode提供了两种方法。一种是直接提供带重音符号的字符,比如Ǒ(u01D1)。另一种是提供合成符号(combining character),即原字符与重音符号的合成,两个字符合成一个字符,比如O(u004F)和ˇ(u030C)合成Ǒ(u004Fu030C)。
这两种语法在在视觉和语义上都等价,过去javascript不能识别这种等价。

'u01D1'==='u004Fu030C' //false

'u01D1'.length // 1
'u004Fu030C'.length // 2

ES6提供的normalize()方法,可在字符串比较之前正规化,规避这种错误。

'u01D1'.normalize() === 'u004Fu030C'.normalize()
// true

3. includes()

过去判断数组或字符串中包含某一元素的时候需要用到indexOf()方法, 现在数组或字符串都能使用includes()方法来判断是否包含某一元素。

const arr = ['apple', 'banana', 'orange']
const str = 'Sometimes I walk a liTTLe faster in the school hallway just to get next to you.'
arr.includes('orange') //true
str.includes('walk') //true

4. startsWITh(), endsWith()

判断字符串是否以指定子串开头/结尾

'You can say goodbye and you can say hello'.startsWith('You') 
//true
'Welcome to LA'.endsWith('LA')
//true

5. rePEat()

str.repeat(n)返回一个字符串,重复str n次的结果, 如果n是小数,则会被floor取整,n如果为其他类型则会转为数字再执行,如果为Infinity或负数或NaN, 报错

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

6. padStart(),padEnd()

字符串没有达到要求的长度,可以在开始/结尾处填充到指定长度

let str = 'abc'
str.padStart(5, '>')
//>>abc

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

如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。

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

如果省略第二个参数,则默认补全空格

'x'.padStart(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"

脚本宝典总结

以上是脚本宝典为你收集整理的ES6字符串全部内容,希望文章能够帮你解决ES6字符串所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。