ES6 之字符串的常用扩展

字符串的遍历器

ES6 为字符串添加了遍历器接口,使得字符串可以被 for...of 循环遍历

for (let codePoint of 'foo') {
  console.log(codePoint)
}
// "f"
// "o"
// "o"

includes()、startsWith()、endsWith()

传统 JavaScript 只有 indexOf 方法可以用来确定一个字符串是否包含在另一个字符串中
ES6 又提供了三种新方法

includes():返回布尔值,表示是否找到了参数字符串
startsWith():返回布尔值,表示参数字符串是否在原字符串的头部
endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部

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

这三个方法都支持第二个参数
startsWith 和 includes 中的第二个参数表示开始搜索的位置
endsWith 中的第二个参数 n 表示前 n 个字符

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

repeat()

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

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

参数如果是小数,会被取整

'na'.repeat(2.9) // "nana"

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

'na'.repeat(-0.9) // ""

参数NaN等同于 0

'na'.repeat(NaN) // ""

如果repeat的参数是字符串,则会先转换成数字

'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"

如果 repeat 的参数是负数或者 Infinity,会报错

padStart()、padEnd()

padStart: 头部补全
padEnd: 尾部补全

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

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

padStart 和 padEnd 一共接受两个参数
第一个参数用来指定字符串的长度
第二个参数是用来补全的字符串
第二个参数省略则默认用空格补全

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

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

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

'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"

本文转载自 http://es6.ruanyifeng.com/#docs/string 并进行整理

除特殊说明外本人博客均属原创,转载请注明出处:http://blog.johnhan.cn/blog_1019.html
鄂ICP备17018604号-1  鄂公网安备42060702000030号