【前端】（五）ES6新特性之字符串拓展

字符串模板

let name = abc
let age = 18
let str = 'My name is'+name+'and my age is'+age

//字符串模板
let str2 = `My name is ${
       name} and my age is ${
       age}`  

字符串查找

查找是否有banana

let str = 'apple banana orange'
//之前： indexOf
str.indexOf('banana')  //6,若没找到则返回-1

//拓展： includes
str.includes('banana')  //true，若没找到则返回false

//注意：
let str2 = 'apple banana2 orange'
str.includes('banana')  //仍然返回true
 

字符串以谁开头/结尾

• 字符串以谁开头
  使用场景：检测地址的开头是否是https

str.startsWith()

• 字符串以谁结尾
  使用场景：检测文件、图片等后缀名

str.endsWith()

重复字符串

使用场景：需要文字做占位

let str = '加油';
console.log(str.repeat(3)) //重复三次，显示'加油加油加油'
//若为0次，则显示为空

填充字符串

• 向前填充
  被填充的字符串.padStrat(填充后字符串的总长度,'填充内容')

let str = 'a'
let padStr = 'xxx'
console.log(str.padStart(str.length+padStr.length,padStr)) 
// 打印：xxxa

• 向后填充
  被填充的字符串.padEnd(填充后字符串的总长度,'填充内容')

let str = 'a'
let padStr = 'xxx'
console.log(str.padEnd(str.length+padStr.length,padStr))
//打印：axxx