读书笔记-es6字符串的扩展

字符串的扩展

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

返回字符串给定位置的字符

//es5
'abc'.charAt(0) // "a"
//es6
'abc'.at(0) // "a"

indexOf() 确定一个字符串是否包含在另一个字符串中(es5)

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

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

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

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

支持第二个参数，表示开始搜索的位置

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

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

endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。

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

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

字符串补全长度

padStart() 头部补全

padEnd() 尾部补全
第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。如果省略第二个参数，默认使用空格补全长度

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

1
2
3

// 字符串中嵌入变量
let name = "hzzly", time = "today";
`Hello ${name}, how are you ${time}?`

Github地址： https://github.com/hzzly/learn-es6