ES6(三)------字符串新增的方法
程序员文章站
2023-12-21 16:29:10
...
ES6(三)------字符串新增的方法
一.在以前的学习过程中学到:
let str = 'abc';
console.log(str.indexOf('b'));//找到了下标为1
console.log(str.indexOf('o'));//未找到,输出-1;
在ES6中,新产生了includes方法,与indexOf不同的是
返回的是布尔值,存在返回true,不存在返回false;
console.log(str.includes('b'));//true;
console.log(str.includes('o'));//false;
二.
startsWith() / endsWith() 返回的是布尔值,判断是不是以某个字符(或字符段)开头或结尾。
let str = 'Hello world!'
console.log(str.startsWith('H'));
console.log(str.startsWith('He'));
console.log(str.startsWith('world', 6));
console.log(str.endsWith('Hello', 5));
console.log(str.endsWith('world', 11));
上述结果都返回 true
上面代码表示,使用第二个参数n时,endsWith的行为与startsWith的行为有所不同。
它针对前n个字符,而startsWith针对从第n个位置直到字符串结束
三.
repeat()重复次数,返回一个新的字符串,表示将原字符串重复n次
let str = 'ab';
console.log(str.repeat(2));//abab
四.
字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。第一个参数为要补成多少位,第二个参数要拿什么补
console.log('5',padStart(2,'0'));//05
转换为二位数,但是5只有一位,用在前面用‘0’补上
应用场景:
例如时钟秒数 5s 我们通常写为05,这个方法很方便