ES6 - 字符串模板与新增字符串方法

206 阅读1分钟

字符串模板

  • 解决痛点:简化字符串拼接,比如innerHTML,url等
  • 语法格式:反引号
    let name = 'murphy';
    let age = 18;
    console.log(`名字${name},年龄${age}`);
    

ES6新增字符串方法

  1. 查找:
    • 之前:使用str.indexOf('banana') != -1; 返回值为第一个字母的索引
    • ES6:str.includes('banana') 返回值为true/false
    • 可以用来判断浏览器:navigator.userAgent.includes('Chrome');
  2. 开头:str.startsWith('http') 可以用来判断协议,返回true/false;
  3. 结尾:str.endsWith('png') 可以用来判断url格式,返回true/false;
  4. 重复:str.repeat(times); 不常用
  5. 填充:str.padStart(整个字符串的长度,填充的部分); str.padEnd('同上');不常用;