DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript string字符串優化問題
javascript string字符串優化問題
編輯:關於JavaScript     
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script type="text/javascript">
function winProps(){
var message = [];
var str;
var data = new Date();
var mils1 = data.getTime();
//array數組
for(var i = 0; i<500000;i++)
message.push("This window is ");
message.join(" ");
data = new Date();
var mils2 = data.getTime();
arrayMils = mils2 - mils1;
//字符串直接連接
for(var i = 0; i<500000;i++)
str+="This window is ";
data = new Date();
var mils3 = data.getTime();
stringMils=mils3-mils2;
//顯示內容,不重要
var mes = [];
mes.push("時間1:");
mes.push(mils1);
mes.push("\n時間2");
mes.push(mils2);
mes.push("\n時間3");
mes.push(mils3);
mes.push("\narray所用時間");
mes.push(arrayMils>=0?arrayMils:arrayMils+1000);
mes.push("\nstr連接所用時間");
mes.push(stringMils>=0?stringMils:stringMils+1000);
alert(mes.join(" "));
}
</script>
</head>
<body>
<input type="button" value="點我" onclick="winProps();"/>
</body>

結果不像一般的說法,用array會快。在ie9,8。ff,google,搜狗等ie核心的浏覽器下測試了一下,確實在數量級100000以上的測試中array方法比用“+”的方法會慢。
1000000次的結果
ie第一次(大概,ie復制不了,圖就不截了)
復制代碼 代碼如下:
array所用時間 890
str連接所用時間 450

ie可能是內存沒有回收第二次點會彈出警告,並且時間用到1400和1200,點多幾次後,+=的連接方式耗時回到400,難倒是array對象沒有回收?打開任務管理器,再刷新一次ie浏覽器,內存降了100多m,應該研究一下ie的javascript內存回收機制。
ff
復制代碼 代碼如下:
時間1: 1312102053720
時間2 1312102053842
時間3 1312102053882
array所用時間 122
str連接所用時間 40

google(也復制不了數據)
array所用時間 200
str連接所用時間 100
opera
時間1: 1312102258270
時間2 1312102258460
時間3 1312102258592
array所用時間 190
str連接所用時間 132
順便說一下,在數據到5000000後ff拋出了個異常,應該是內存溢出了。。。(ps,不是很懂)
錯誤: uncaught exception: 8.375396749959738e-274
在ie下測試果斷警告,再後來out of memory。
當然怎麼大的數據連接,在現在的網頁是不可能出現,數據處理應該是在後台做的。老師的主機不敢裝這麼多浏覽器
其實是array的jion,太消耗時間。沒有加入這一句之後opera,google就顯示出array的優勢:
opera結果:
復制代碼 代碼如下:
時間1: 1312101715553
時間2 1312101715622
時間3 1312101715749
array所用時間 69
str連接所用時間 127
[code]
ie結果
array所用時間700
str連接所用時間500
ff
[code]
時間1: 1312101925895
時間2 1312101925945
時間3 1312101925979
array所用時間 50
str連接所用時間 34

google
array所用時間17
str連接所用時間100
去查查jion的機制再寫吧。
ps:浏覽器版本
google12.0.742.122
ff5.0.1
opera11.50
ie8.0.6001.18702
pss:ie處理速度不給力
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved