Web前端性能優化——使用Array.prototype.join代替字符串連接

一般情況下,我們會使用 “+” 來連接字符串,比如

var htmlStr = "";
for(var i = 0; i < 5; i ++){
    htmlStr += "<li>" + i + "</li>";
}
document.getElementById("list").innerHTML = htmlStr;

但是,如果使用 Array.prototype.join 方法來實現字符串的連接,效率會更高

var htmlArray = [];
for(var i = 0; i < 5; i ++){
    htmlArray.push("<li>", i, "</li>");
}
document.getElementById("list").innerHTML = htmlArray.join("");

(參考:http://www.gbtags.com/gb/share/1369.htm)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章