es6中字符串模板及字符串新增-使用

``是字符串模板最外层符号，内部可以任意换行，插入变量格式${data};

let name='weiyi',age=18,str=`我的名字是${name},年龄是${age}`;
console.log(str);

示例

let data=[
    {title:'标题党基督教',read:120},
    {title:'当时的方法',read:120},
    {title:'反对大师傅的',read:120},
    {title:'得到第三方的',read:180},
    {title:'大家都觉得就',read:100}
];
window.onload=function () {
    let oUL=document.querySelector('#uli');
    for(let i=0;i<data.length;i++){
        var oLi=document.createElement('li');
        oLi.innerHTML=`<span>${data[i].title}</span>
        <span>阅读人数：${data[i].read}</span>
        <a href="">详情</a>`;
        oUL.appendChild(oLi);
    }
}

字符串查找

let fruit='apple banana pear';
console.log(fruit.indexOf('banana'));//只能查找索引位置,再根据>-1判断true
fruit.includes('banana');//true/false
if(navigator.userAgent.includes('chrome')){
    alert('是谷歌浏览器');//判断浏览器
}

判断是都以某个字符串开头或结尾：str.startsWith('查找开头字符串')， str.endsWith('查找结尾字符串')，
重复字符串：(str.repeat(次数)，
填充字符串语法：str.padStart(添加后的字符串长度，填充字符)

let str2='files:///D:/WorkSpace/',
    str3="https://www.baidu.com",
    str4='牧马人';
console.log(str2.startsWith('http'));
console.log(str3.endsWith('com'));
console.log(str4.repeat(100));//牧马人重复100次
console.log(str5.padStart(str5.length+1,'买'),str5.padEnd(str5.length+1,'车'));//买jeep jeep车