我們知道,在js中,字符串連接是性能最低的操作之一。
例如:
早期瀏覽器沒(méi)有對(duì)這種運(yùn)算進(jìn)行優(yōu)化。
由于字符串是不可變的,這意味著要?jiǎng)?chuàng)建中間字符串來(lái)存儲(chǔ)連接的結(jié)果。頻繁地在后臺(tái)創(chuàng)建和銷(xiāo)毀字符串導(dǎo)制性能異常低下。
因此,可以利用數(shù)組對(duì)象進(jìn)行優(yōu)化。
例如:
var buffer=[],i=0; buffer[i++]="Hello"; //通過(guò)相應(yīng)索引值添加元素比push方法快 buffer[i++]=" World!"; var text=buffer.join("");
在早期的瀏覽器中,沒(méi)有創(chuàng)建和銷(xiāo)毀中間字符串,在大量字符串連接情況下,這技術(shù)已被證明遠(yuǎn)快于使用加法方式。
如今瀏覽器對(duì)字符串的優(yōu)化已經(jīng)改變了字符串相連的局面。Safari、Opera、Chrome、Firefox和IE8都在使用加法運(yùn)算符上表現(xiàn)出了更好的性能。但是,IE8之前的版本沒(méi)有優(yōu)化,因此數(shù)組方法依然有效。這并不意味著字符串相連時(shí)我們要進(jìn)行瀏覽器檢測(cè)。在決定如何連接時(shí)要考慮的是字符串的大小和數(shù)量。
當(dāng)字符串相對(duì)較小(小于20字符)且連接數(shù)量也較小時(shí)(小于1000個(gè)),所有的瀏覽器使用加法運(yùn)算符都能在不到1毫秒內(nèi)輕松完成連接。增加字符串?dāng)?shù)量或大小時(shí),IE7中性能會(huì)明顯下降。字符串大小增加時(shí),F(xiàn)irefox中加法運(yùn)算符和數(shù)組成技巧性能差異會(huì)變小。字符串?dāng)?shù)量增加時(shí),Safari中加法運(yùn)算符和數(shù)組成技巧性能差異會(huì)變小。改變字符串?dāng)?shù)量或大小時(shí),Chrome和Opera中加法運(yùn)算符一直保持領(lǐng)先優(yōu)勢(shì)。
所以,由于在各瀏覽器下性能不一致,選用技術(shù)取決于實(shí)際情況和面對(duì)的瀏覽器。
大多數(shù)情況下,加法運(yùn)算符是首選;如果用戶(hù)主要使用IE6或7,并且字符串大小較大或數(shù)量較多時(shí),那么數(shù)組技術(shù)就很值得。
一般情況下,如果是語(yǔ)義性的字符串,不應(yīng)該使用Array,比如:
'Hello, my name is ' + name;
如果字符串是"相似情況的重復(fù)"的話,建議使用Array,比如:
var array = []; for (i = 0; i < length; i++) { array[i] = '<li>' + list[i] + '</li'>; } document.getElementById('somewhere').innerHTML = array.join('/n');
有關(guān)js字符串?dāng)?shù)組連接的性能比較,就介紹到這里了,希望對(duì)大家有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注