DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 數組方法解決JS字符串連接性能問題有爭議
數組方法解決JS字符串連接性能問題有爭議
編輯:關於JavaScript     
1、傳統上,字符串連接一直是js中性能最低的操作之一。
var text="Hello";
text+=" World!";
早期浏覽器沒有對這種運算進行優化。
由於字符串是不可變的,這意味著要創建中間字符串來存儲連接的結果。頻繁地在後台創建和銷毀字符串導制性能異常低下。
2、發現這一點後,開發者們利用數組對象進行優化。
var buffer=[],i=0;
buffer[i++]="Hello";//通過相應索引值添加元素比push方法快
buffer[i++]=" World!";
var text=buffer.join("");
在早期的浏覽器中,沒有創建和銷毀中間字符串,在大量字符串連接情況下,這技術已被證明遠快於使用加法方式。
3、如今浏覽器對字符串的優化已經改變了字符串相連的局面。
Safari、Opera、Chrome、Firefox和IE8都在使用加法運算符上表現出了更好的性能。但是,IE8之前的版本沒有優化,因此數組方法依然有效。
這並不意味著字符串相連時我們要進行浏覽器檢測。在決定如何連接時要考慮的是字符串的大小和數量。
1)當字符串相對較小(<20字符)且連接數量也較小時(<1000個),所有的浏覽器使用加法運算符都能在不到1豪秒內輕松完成連接。
2)增加字符串數量或大小時,IE7中性能會明顯下降。
3)字符串大小增加時,Firefox中加法運算符和數組成技巧性能差異會變小。
4)字符串數量增加時,Safari中加法運算符和數組成技巧性能差異會變小。
5)改變字符串數量或大小時,Chrome和Opera中加法運算符一直保持領先優勢。
所以,由於在各浏覽器下性能不一致,選用技術取決於實際情況和面對的浏覽器。
大多數情況下,加法運算符是首選;如果用戶主要使用IE6或7,並且字符串大小較大或數量較多時,那麼數組技術就很值得。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved