ES6 学习(字符串扩展篇)

- 字符串扩展

• 以前使用 indexOf 方法只能判断是否包含在另一个字符串内，现在提供了新的方法。
  ** includes();** 是否找到了参数字符串。
  startsWith(); 是否在头部。
  endsWith(); 是否在尾部。

let str = "Hello world!";
str.includes("wo");  // true
str.startsWith("Hello");      //  true
str.endsWith("!");       //  true
// 第二个参数为开始搜索位置
str.includes("Hello", 0);  // true
str.startsWith("Hello", 0);      //  true
str.endsWith("Hello", 5);       //  true
// endsWith 针对的前几个字符

repeat()

• repeat(n) 返回一个将原字符串重复 n 的次的新字符串
• 参数是小数会取整，字符串会转换成数字
• 参数是 0-1之间的小数，则等于0
• 参数为负数，会抛出错误
• NaN 等同于0

"s".repeat(2);       //  "ss"
"s".repeat(-0.2);    //  ""
"s".repeat(NaN);     //  ""
"s".repeat("2");    //  "ss"

padStart()，padEnd()

• ** ES7 推出的字符串长度补全功能 **
• padStart 用于头部补全
• padEnd 用于尾部补全
• 接受两个参数，第一个参数指定字符串的最小长度，第二个参数用来补全的字符串（为空时用空格补全）
• 如果原字符串长度等于或大雨指定的最小长度，则返回原字符串

"s".padStart(2, "j");  //  "js"
"s".padEnd(2, "j");  //  "sj"

模版字符串

• 模版字符串是用（`）标识，而不是（'）单引号
• 可以放入任意javascript表达式
• 花括号内部是字符串，则输出字符串

let str = 'world!';
console.log(`Hello ${str}`);  //  "Hello world!"

function fn(){
  return "Hello world!"
}
console.log(`${fn()}`);  //  "Hello world!"

标签模版

• 第一个参数是一个数组，该数组成员是静态的内容

function tmpl(strArr, ...values){  
// ...values可以用普通参数接收  tmpl(arr, v1, v2, v3)
  console.log(strArr);   //  ["A:", " B:", "",]   
  console.log(values);  //  [1, 2]
}
let a = 1;
let b = 2;
tmpl`A:${a} B:${b}`;