ES6 字符串新增方法

Posted 2021-03-08 afanadmin

字符串新增方法

startsWith() endsWith();

{
    let str = "JackAfan是我";
    console.log(str.startsWith("Jack",2));//val,第几位开始; 检测字符串是由什么开始的,返回值:布尔值
    console.log(str.endsWith("我",10));//判断结尾值: val,只看前几位
}

str.repeat();

{
    let str = "a";
    console.log(str.repeat(10));//重复
}

模板字符串

{
    // 模板字符串: 字符串的新拼接方法
    let oP = document.querySelector("p");
    let name = "JackAfan";
    let age = 20;
    oP.innerhtml = `
    今年<strong>${name}</strong><strong>${age}</strong>岁了
    `;
    /* 
        1.使用: ${} 进行拼接内容 -> 插值表达式
        2.支持换行
     */
    //  插值表达式:也可以使用三目运算、函数调用
    oP.innerHTML = `今年<strong>${name}</strong><strong>${age>12?"保密":age}</strong>岁了`;
}