224
字符串拚接方式(待商榷)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>字符串拚接方式</title>
<script type="text/javascript">
//方法一：普通拚接
var beginDate = new Date();
var str = "";
for (var i = 0; i < 100000; i++) {
str += "text";
}
var endDate = new Date();
document.write("方法一：普通拚接，耗時：" + (endDate.getTime() - beginDate.getTime()) + "毫秒<br/>");
//方法二：數組拚接
function StringBuilder() {
this.__strings__ = new Array;
}
StringBuilder.prototype.append = function (str) {
this.__strings__.push(str);
}
StringBuilder.prototype.toString = function () {
return this.__strings__.join("");
}
var beginDate2 = new Date();
var builder = new StringBuilder();
for (var i = 0; i < 100000; i++) {
builder.append("text");
}
var result = builder.toString();
var endDate2 = new Date();
document.write("方法二：數組拚接，耗時：" + (endDate2.getTime() - beginDate2.getTime()) + "毫秒<br/>");
</script>
</head>
<body>
</body>
</html>
《javascript高級程序設計》一書上說，直接拚接字符串會造成性能問題，應該采用Array對象存儲字符串，然後用join()方法創建最後的字符串。說可以節省50%~66%的時間，但是我測試發現，用數組拚接的方式往往還更耗時，如何解釋呢？
最後更新：2017-04-03 18:51:44