JavaScript 利用StringBuffer類提升+=拼接字符串效率
更新時間:2009年11月24日 02:13:50 作者:
JavaScript 利用StringBuffer類提升+=拼接字符串效率,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
</body>
<script type="text/javascript"><!--
var str = 'hello';
str += 'world';
//每次完成字符串連接都會執(zhí)行步驟2到6步
//實(shí)際上,這段代碼在幕后執(zhí)行的步驟如下:
/**//*
1.創(chuàng)建存儲'hello'的字符串
2.創(chuàng)建存儲'world'的字符串
3.創(chuàng)建存儲鏈接結(jié)果的字符串
4.把str的當(dāng)前內(nèi)容復(fù)制到結(jié)果中
5.把'world'復(fù)制到結(jié)果中
6.更新str,使它指向結(jié)果
*/
//為了提高性能最好使用數(shù)組方法拼接字符串
//創(chuàng)建一個StringBuffer類
function StringBuffer(){
this.__strings__ = [];
};
StringBuffer.prototype.append = function(str){
this.__strings__.push(str);
};
StringBuffer.prototype.toString = function(){
return this.__strings__.join('');
};
//調(diào)用StringBuffer類,實(shí)現(xiàn)拼接字符串
//每次完成字符串連接都會執(zhí)行步驟2步
//實(shí)際上,這段代碼在幕后執(zhí)行的步驟如下:
/**//*
1.創(chuàng)建存儲結(jié)果的字符串
2.把每個字符串復(fù)制到結(jié)果中的合適位置
*/
var buffer = new StringBuffer();
buffer.append('hello ');
buffer.append('world');
var result = buffer.toString();
//用StringBuffer類比使用+=節(jié)省50%~66%的時間
//-->
</script>
</html>
您可能感興趣的文章:
相關(guān)文章
JS實(shí)現(xiàn)的全選、全不選及反選功能【案例】
這篇文章主要介紹了JS實(shí)現(xiàn)的全選、全不選及反選功能,涉及javascript事件響應(yīng)、元素遍歷與屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02js如何調(diào)用qq互聯(lián)api實(shí)現(xiàn)第三方登錄
這篇文章主要介紹了js如何調(diào)用qq互聯(lián)api實(shí)現(xiàn)第三方登錄,需要的朋友可以參考下2014-03-03使用ImageMagick進(jìn)行圖片縮放、合成與裁剪(js+python)
由于需要在服務(wù)器端處理,使用就研究使用imagemagick來進(jìn)行。同時準(zhǔn)備封裝了一個Node.js和Python的方法,主要還是講一下然后使用imagemagick來對圖片進(jìn)行縮放、合成后進(jìn)行裁剪吧2013-09-09IE8利用自帶的setCapture和releaseCapture解決iframe的拖拽事件方法
最近有個需求須要實(shí)現(xiàn)左右拖拽功能,頁面右邊是個iframe頁面,在chrome測試通過之后,發(fā)現(xiàn)在ie8上面效果不是很理想,查閱相關(guān)資料找到可以使用ie自帶的setCapture和releaseCapture來解決,需要的朋友可以參考下2016-10-10關(guān)于動態(tài)執(zhí)行代碼(js的Eval)實(shí)例詳解
下面小編就為大家?guī)硪黄P(guān)于動態(tài)執(zhí)行代碼(js的Eval)實(shí)例詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08js CSS3實(shí)現(xiàn)卡牌旋轉(zhuǎn)切換效果
這篇文章主要為大家詳細(xì)介紹了js CSS3實(shí)現(xiàn)卡牌旋轉(zhuǎn)切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07js中的時間轉(zhuǎn)換—毫秒轉(zhuǎn)換成日期時間的示例代碼
本篇文章主要是對js中的時間轉(zhuǎn)換—毫秒轉(zhuǎn)換成日期時間的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01基于p5.js 2D圖像接口的擴(kuò)展(交互實(shí)現(xiàn))
這篇文章主要為大家詳細(xì)介紹了基于p5.js 2D圖像接口的擴(kuò)展,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11