js字符串拼接效率

在腳本開發過程中，經常會按照某個規則，組合拼接出一個大字符串進行輸出。比如寫腳本控件時控制整個控件的外觀的html標籤輸出，比如ajax裏得到服務器端的回傳值後動態分析創建html標籤時。

方式一：

字符串的拼接在我們寫代碼時用“+=”這個運算符，s += string;

這種方式腳本執行起來很慢，CPU使用率狂高。

方式二：

使用數組

var content =[];

content.push();

content.join("");

該方式比字符串快很多，但是如果就一行字符串需要拼接，則不需要，因爲創建數組也是需要花費時間的。

方式三：document.createElement();

document.createElement();是在對象中創建一個對象，要與appendChild()或insertBefore()方法聯合使用。

<script type="text/javascript">
            var board = document.getElementById("board");
            var e = document.createElement("input");
            e.type = "button";
            e.value = "這是測試加載的小例子";
            var object = board.appendChild(e);
        </script>

document.createElement();該方式創建元素和元素拼接最快。