es6中字符串模板及字符串新增

字符串模板及字符串新增"/>

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="",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车