es6模板字符串使用反引号``即键盘数字键左边的键进行字符串拼接,其中可以使用${Expression}来插入表达式并进行解析,多用于拼接字符串时传递变量数据,比传统使用’++'拼接更方便。
例子:
$(function () {
let data=[
{name:'小明',sex:'男',age:18},
{name:'小红',sex:'女',age:17},
{name:'小强',sex:'男',age:20}
]
var html='<ul></ul>';
/*for(let i=0;i<data.length;i++){
html+=`<li>姓名:${data[i].name},性别:${data[i].sex},年龄:${data[i].age}</li>`;
}*/
data.forEach(function (item,i) {
html+=`<li>姓名:${item.name},性别:${item.sex},年龄:${item.age}</li>`;
})
$("#container").html(html);
});
<div id="container"></div>