ES6的新方法——字符串拼接

最新推荐文章于 2025-06-05 12:25:25 发布

Aijn_faluts

最新推荐文章于 2025-06-05 12:25:25 发布

阅读量2.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前段 web交互文章标签：前端 json

本文链接：https://blog.youkuaiyun.com/Aijn_faluts/article/details/83997646

前段同时被 2 个专栏收录

4 篇文章

订阅专栏

web交互

4 篇文章

订阅专栏

本文探讨了ES6中引入的模板字符串如何简化和优化JSON数据的渲染过程，通过实例对比传统字符串拼接，展示了模板字符串在处理复杂数据结构时的便利性和效率提升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最长运用的拼接就是在渲染json数据的时候，免不了很多麻烦

var str = '';
            for (let i in data) {
                str+='<tr>\n' +
                    '<td>'+data[i].id+'</td>\n' +
                    '<td>'+data[i].name+'</td>\n' +
                    '<td>'+data[i].team+'</td>\n' +
                    '<td>'+data[i].password+'</td>\n' +
                    '</tr>'
            }

我们以前使用单引号或双引号来来拼接，在es6中使用 ``来拼接例子如下

var str = '';
            for (let i in data) {
                str+=`<tr>\n' +
                    <td>${data[i].id}</td>
                    <td>${data[i].name}</td>
                    <td>${data[i].team}</td>
                    <td>${data[i].password}</td>
                    </tr>`
            }
            //两种方法结果都是一样的