比如类似于这样的代码（或更复杂的拼接结构）：
11
1660var html = '';
for (var i = 0; i < data.len; i++) {
html += '
' + data[i] + '
';
}
$('#content').html(html);
该如何优化，或者避免这样的拼接循环？感觉这样的循环效率很低。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
题主在题目中描述的主要担忧是效率, 然后一堆同学上来给出了效率更低的方案 (各种 template engine), 一个指出效率不是问题的同学的答案居然还被点了反对,,, 这也是醉了.
首先题主完全不用担心效率, 因为大头在浏览器解析和渲染上 (这两者中的大头又是渲染), 字符串拼接的消耗可以忽略不计. 其次再说各种模板引擎的问题, 题主可以根据自己的需要选择或种或轻的模板引擎, 如果有必要还可以直接上 MVC/MVVM 框架.
如果想生成html code的话，用模版引擎更好一些吧，例如：
underscore里的_.template之类的，就能完成你想要的事情，你还不用考虑html拼接可以试试 Handlebars.js
在现代的浏览器里，用+拼接字符串效率已经不低了，题主可以做做实验
大家都在推崇前端js模板，我个人更倾向于后端模板。这里比较一下这两者的优劣：
优势：
劣势：
后端模板可以选择的有很多，比如
Freemarker、JSTL、velocity。第一次给自己答案写这么多评论，再重申一下，当然有些场景是非常适合甚至只能用前端模板的，对于SEO等要求肯定只能用后端模板，而且具体的技术选型也要根据团队的技术储备等众多因素去考虑。
for (var i = 0; i < data.len; i++) {
var p = $("
");
p.html(data[i]);
html.append(p);
}
$('#content').html(html);
我也想知道有没有更好的方法
一直在用handlebars
有次面试被问到用没用到js 模板，当时好像是没有回答出来啊
Angular解决妥妥滴