數(shù)組方法解決JS字符串連接性能問題有爭議

2019-11-20 23:59:06

字體：大中小

供稿：網(wǎng)友

1、傳統(tǒng)上，字符串連接一直是js中性能最低的操作之一。
var text="Hello";
text+=" World!";
早期瀏覽器沒有對這種運(yùn)算進(jìn)行優(yōu)化。
由于字符串是不可變的，這意味著要?jiǎng)?chuàng)建中間字符串來存儲(chǔ)連接的結(jié)果。頻繁地在后臺(tái)創(chuàng)建和銷毀字符串導(dǎo)制性能異常低下。
2、發(fā)現(xiàn)這一點(diǎn)后，開發(fā)者們利用數(shù)組對象進(jìn)行優(yōu)化。
var buffer=[],i=0;
buffer[i++]="Hello";//通過相應(yīng)索引值添加元素比push方法快
buffer[i++]=" World!";
var text=buffer.join("");
在早期的瀏覽器中，沒有創(chuàng)建和銷毀中間字符串，在大量字符串連接情況下，這技術(shù)已被證明遠(yuǎn)快于使用加法方式。
3、如今瀏覽器對字符串的優(yōu)化已經(jīng)改變了字符串相連的局面。
Safari、Opera、Chrome、Firefox和IE8都在使用加法運(yùn)算符上表現(xiàn)出了更好的性能。但是，IE8之前的版本沒有優(yōu)化，因此數(shù)組方法依然有效。
這并不意味著字符串相連時(shí)我們要進(jìn)行瀏覽器檢測。在決定如何連接時(shí)要考慮的是字符串的大小和數(shù)量。
1）當(dāng)字符串相對較小（<20字符）且連接數(shù)量也較小時(shí)(<1000個(gè)），所有的瀏覽器使用加法運(yùn)算符都能在不到1豪秒內(nèi)輕松完成連接。
2）增加字符串?dāng)?shù)量或大小時(shí)，IE7中性能會(huì)明顯下降。
3）字符串大小增加時(shí)，F(xiàn)irefox中加法運(yùn)算符和數(shù)組成技巧性能差異會(huì)變小。
4）字符串?dāng)?shù)量增加時(shí)，Safari中加法運(yùn)算符和數(shù)組成技巧性能差異會(huì)變小。
5）改變字符串?dāng)?shù)量或大小時(shí)，Chrome和Opera中加法運(yùn)算符一直保持領(lǐng)先優(yōu)勢。
所以，由于在各瀏覽器下性能不一致，選用技術(shù)取決于實(shí)際情況和面對的瀏覽器。
大多數(shù)情況下，加法運(yùn)算符是首選；如果用戶主要使用IE6或7，并且字符串大小較大或數(shù)量較多時(shí)，那么數(shù)組技術(shù)就很值得。

上一篇：異步加載script的代碼

下一篇：js對數(shù)字的格式化使用說明