字符串的扩展方法

includes

// includes 返回布尔值 
// 判断字符串是否有指定字符 includes("字符"，开始查找的位置（可选）);

let str="asdkfja";
console.log(str.includes("a",1));

startsWith和endsWith

//str.startsWith("c",num);判断字符串是否以指定字符开头
// c:指定字符，num:开始查找的位置（可选）
let str="asdkfja";
console.log(str.startsWith("a",2)); // false

// str.endsWith("c",num);判断字符串是否以指定字符结尾
// c:指定字符，num:从前num个字符开始查看
let str="asdkfja";
console.log(str.endsWith("e",6)); //false

repeat

// str.repeat(num) 指定字符串重复次数
// num：整数，不可为负数和Infinity
let str="zsy";
console.log(str.repeat(3)); //zsyzsyzsy

padStart和padEnd (ES7中的)

// 按照指定字符补全字符串的指定长度
// padStart(length,"c") 往前补
// length,整个字符串的长度：c,指定字符
let str="zsy";
console.log(str.padStart(5,"zs")); //"zszsy"
console.log(str.padStart(7,"zsy")); // "zsyzzsy"


//padEnd(length,"c")往后补
// length,整个字符串的长度：c,指定字符
console.log(str.padEnd(9,"zsyhy")); // "zsyzsyhyz"

模板字符串

• 和普通字符串一样使用
• 使用模板字符串，换行就无所顾忌了。

let className="box",text="一拳超人";
// ES5
document.body.innerHTML='<h1 class="'+className+'">'+text+'</h1>';
// 等同于
let className="box",text="一拳超人";
document.body.innerHTML=`<h1 class="${className}">${text}</h1>`;