前端字符串拼接 优化栈内存
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<table id="table" border="1" cellspacing="1" cellpadding="1">
</table>
<body>
</body>
<script type="text/javascript">
var res =[
{"id":1,"name":"娜美","time":"20"},
{"id":2,"name":"罗宾","time":"21"},
{"id":3,"name":"路飞","time":"18"},
{"id":4,"name":"索隆","time":"22"},
{"id":5,"name":"乌索普","time":"22"}
];
/*
*优化栈内存
* 只在栈内申请一次空间
* 后续的字符串都添加到这个空间内
*/
var htmlstr = [];
for(var i = 0; i < res.length; i++) {
htmlstr.push("<tr id='" + res[i.id] + "'>");
htmlstr.push("<td>" + res[i].name + "</td>");
htmlstr.push("<td>" + res[i].time + "</td>");
htmlstr.push("</tr>")
}
$('#table').append(htmlstr);
</script>
</html>