国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
javascript 字符串操作
JavaScript中的字符串連接
2008-05-04 15:31
By Uzi Refaeli

翻譯:Forain

這篇文章將會介紹一些能夠提高你的JavaScript代碼性能的建議和技巧。

原文參見http://hi.baidu.com/forain/blog/item/62e8918fc2eb4aff513d929c.html

問題

大多數(shù)JavaScript開發(fā)者都習(xí)慣于使用 JavaScript提供的簡單的字符串處理,比如連接字符串”+”運算符:

var str = “Hello” + “ World”;

這句代碼可讀性很好,對于連接小的字符串是很方便的。但是利用這樣的方法去操作許多的字符串(比如當你要動態(tài)的創(chuàng)建整個頁面內(nèi)容)時,代碼性能將被嚴重影響。

解決方案

數(shù)組對象的join方法使我們可以將數(shù)組里的所有元素連接成為一個字符串,在這個連接過程中,join方法還允許我們設(shè)定一個字符作為分隔符插入在各個元素中間昨晚間隔。如果我們將我們要連接的文字段落的各個部分分別賦予給一個數(shù)組的各個元素,然后利用join方法將他們連接在一起(分隔符設(shè)置為空),我們可以得到與“+”操作同樣的結(jié)果。這種方法類似于JAVA中的StringBuffer對象。

var buffer = new Array();
buffer[buffer.length] = "Hello";
buffer[buffer.length] = " World";
 
buffer.join("");

測試

利用數(shù)組join方法連接字符串的好處在于它確確實實地提高了代碼的效率。為了說明這個結(jié)論,作者做了一個測試,測試結(jié)果如下:

方法

瀏覽器

最小值

最大值

平均值

傳統(tǒng)的字符串連接操作

IE 6

460ms

810ms

646ms

FF 1.5B1

15ms

47ms

26ms

利用數(shù)組的join方法

IE 6

15ms

32ms

26ms

FF 1.5B1

15ms

31ms

20ms

結(jié)論

在你的JavaScript應(yīng)用中使用數(shù)組的join方法能夠提高你的代碼效率,給用戶帶來更加流暢的體驗。

測試方法

function test1(){
                       var cycles = 10000;
                       var tp1 = new Date().valueOf();
                       var buffer = "";
 
                       for (var i = 0; i < cycles; i++)
                                            buffer += "0123456789";
 
                       var tp2 = new Date().valueOf();
                       
                       alert(tp2 - tp1);
}
 
function test2(){
                       var tp1 = new Date().valueOf();
                       var buffer = new Array();
                       
                       for (var i = 0; i < cycles; i++)
                                            buffer[buffer.length] = "0123456789";
                       
                       var str = buffer.join("");
                       var tp2 = new Date().valueOf();
                       
                       alert(tp2 - tp1);
}
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
JavaScript的函數(shù)和數(shù)組
JavaScript之引用類型
JavaScript中數(shù)組的創(chuàng)建與使用
關(guān)于javascript字符串連接性能
JavaScript的內(nèi)置對象和瀏覽器對象
網(wǎng)頁制作基本知識
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服