1、字符串的遍历 for...of
for (let code of 'foo') {
console.log(code) // 'f' 'o' 'o'
}
2、at() : 返回字符串给定位置的字符
ES5提供了charAt()的方法: 'abc'.charAt(0) // 'a'
ES6是at()方法 :'abc'.at(0) // 'a'
3、includes():返回布尔值,表示是否找到了参数字符串
let s = 'Hello world!';
s.includes('o') // true
s.includes('Hello', 6) // false 可接收两个参数,第二个参数表示开始搜索的位置
4、startsWith():返回布尔值,表示参数字符串是否在原字符串的头部
let s = 'Hello world!';
s.startsWith('Hello') // true
s.startsWith('world', 3) // true 可接收两个参数,第二个参数表示开始搜索的位置
5、endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部
let s = 'Hello world!';
s.endsWith('!') // true
s.endsWith('Hello', 5) // true 可接收两个参数,第二个参数表示针对前n
个字符
6、repeat() :返回一个新字符串,表示将原字符串重复n次
'x'.repeat(3) // "xxx"
'x'.repeat(2.9) // "xx"
'x'.repeat(-0.9) // "" 如果值为NaN也等同于0,此方法先做取整运算
7、padStart(): 用于头部补全
padEnd(): 用于尾部补全
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab' // padStart 和padEnd 一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串
'xxx'.padStart(2, 'ab') // 'xxx' 如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串
'abc'.padStart(10, '0123456789') // '0123456abc' 如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串
'x'.padStart(4) // ' x' 如果省略第二个参数,默认使用空格补全长度
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12" //字符串格式化
8、模板字符串 :是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量
JavaScript拼接字符串的写法:
$('#tag').append('There are <b>' + a + '</b> ' +
'items in your select, ' +'<em>' + b +
'</em> jdjjj,sjfjkkl!')
模板字符串的写法
$('#tag').append(
`There are <b>${a}</b> items
in your select, <em>${b}</em>
jdjjj,sjfjkkl!
`
) // 变量放在${}中