ES6 - 字串模板與新增字串方法

字串模板

• 解決痛點：簡化字串拼接，比如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('同上');不常用；