在ES6中字符串新增了一些方法

字符串原型上的扩展的方法

    console.log(String.prototype);

结果为

在ES6中新增了几个方法includes、startWith、endsWith、endsWith、repeat(int:num)
padStart padEnd 是ES7中增加的

    //1. includes 返回值是个bool值 true/false
    // 用处：判断字符串中有没有指定字符
    // 用法：includes("指定字符"[,开始查找的位置])

    let str = "abcdefg12345";
    console.log(str.includes('bc')); // true
    console.log(str.includes('bc',2)); // false


    // 2.startWith endsWith

    // startWith 判断字符串是不是以指定字符串开头
    // startWith("指定字符"[,指定开始查找的位置])
    console.log(str.startsWith('a')); // true
    console.log(str.startsWith('a',3)); // false

    // endsWith 判断字符串是不是以指定字符串结尾
    // endsWith("指定字符"[,num]) 是指从前num字符串中查看
    console.log(str.endsWith('5')); // true
    console.log(str.endsWith('e')); // false
    console.log(str.endsWith('e',5)); // true


    // 3.repeat(int:num) 将字符串重复num次 取整 不可以是负数
    console.log(str.repeat(3));

    // padStart padEnd ES7中的
    // 按照指定字符补全字符串的指定长度
    // padStart(长度,指定字符)
    console.log(str.padStart(20, "g"));
    console.log(str.padEnd(20, "g"));

模版字符串

  // 和普通字符串一样使用 但是可以添加变量
    let str = `哈哈`;
    let num = 1;
    str+=num;
    console.log(str);


    let  class1="box",name="哈哈哈哈";
    // document.body.innerHTML += '<h1 class="' + class1 +'">' + name + '</h1>'
    document.body.innerHTML += `<h1 class="${class1}">${name}</h1>`