Home > JavaScript > JavaScriptで文字連結

JavaScriptで文字連結

メモ。

たとえば、1ページのHTMLファイルの一行ずつを mainNodes という配列の要素に入れて、それを innerHTML で吐き出すといったようなとき、

var obj = document.getElementById('hogehoge');
var html = '';
for(var i=0; i<mainNodes.length; i++){
	html += mainNodes[i];
}
obj.innerHTML = html;

より、

var obj = document.getElementById('hogehoge');
var htmlArray = [];
for(var i=0; i<mainNodes.length; i++){
	htmlArray.push(mainNodes[i]);
}
obj.innerHTML = htmlArray.join("");

の方がメモリをくわないので高速。データ（この例の場合、HTMLファイルの行数）が大きくなるほど、速度に差が出ます。

わたしがやってみたところ、とくに Windows IE でその速度の違いを実感しました。

大量のデータを処理するときは後者を使用したほうが良いようです。覚えておこう。

参考

Trackbacks:0

Trackback URL for this entry
http://side-b.sto.co.jp/weblog/archives/78/trackback
Listed below are links to weblogs that reference
JavaScriptで文字連結 from Side-B

Home > JavaScript > JavaScriptで文字連結

Pages
Recent Entries
Categories
Archives
Tag Cloud
Search
Feeds
Meta

Return to page top