微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ES6模板字符串的用法

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>

原文地址:https://blog.csdn.net/onlyoneLIJINGYI/article/details/100709597

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐