前面讲过模版字符串,这里再把一些常用的es6扩展方法讲下
子串的识别
let str='es6,ni da ye';
console.log("长度:"+str.length)
//indexOf 查找字符串中是否包含指定字符串 查找第一次出现的位置,从0开始
console.log(str.indexOf('da')) // 返回7
//includes():返回布尔值,判断是否找到参数字符串。
console.log(str.includes('ni')) // 返回true
//startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
console.log(str.startsWith('es')) // 返回true
//endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
console.log(str.endsWith('ye')) // 返回true
字符串重复
repeat():返回新的字符串,表示将字符串重复指定次数返回。
console.log('Hello '.repeat(3)); // 返回 Hello Hello Hello
字符串补全 (格式化用到)
padStart:返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
padEnd:返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
以上两个方法接受两个参数,第一个参数是指定生成的字符串的最小长度,第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。
console.log("h".padStart(5,"o")); // "ooooh"
console.log("h".padEnd(5,"o")); // "hoooo"
console.log("h".padStart(5)); // " h"
完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
// let str='es6,ni da ye';
// console.log("长度:"+str.length)
// //indexOf 查找字符串中是否包含指定字符串 查找第一次出现的位置,从0开始
// console.log(str.indexOf('da')) // 返回7
// //includes():返回布尔值,判断是否找到参数字符串。
// console.log(str.includes('ni')) // 返回true
// //startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
// console.log(str.startsWith('es')) // 返回true
// //endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
// console.log(str.endsWith('ye')) // 返回true
// console.log('Hello '.repeat(3)); // 返回 Hello Hello Hello
// console.log("h".padStart(5,"o")); // "ooooh"
// console.log("h".padEnd(5,"o")); // "hoooo"
// console.log("h".padStart(5)); // " h"
</script>
</body>
</html>