<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JS中“+=”与array.join的性能测试</title>
<style>
#div1,#div2{width: 500px;height: 200px;margin-bottom: 30px;background:#999;overflow: auto;word-break:break-all;}
#div2{background: #0f0;}
#tArea1{position: absolute;right: 100px;top: 50px;width: 600px;height: 430px;font-size: 20px;resize: none;}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementById("div1");
var oDiv2=document.getElementById("div2");
var oDate1=new Date();
var tmpStr="";
for(var i=0;i<100000;i++){
tmpStr+="'"+i+"'";
}
oDiv1.innerHTML=tmpStr;
var oDate2=new Date();
var oDate3=new Date();
var tmpArray=new Array();
for(var j=0;j<100000;j++){
tmpArray[j]=j;
}
var tmpArrayStr=tmpArray.join();
oDiv2.innerHTML=tmpArrayStr;
var oDate4=new Date();
alert((oDate2-oDate1)+"||"+(oDate4-oDate3));
/*var tmpStr="";
console.time("计时器一");
for(var i=0;i<100000;i++){
tmpStr+=i+"'";
}
document.body.innerHTML=tmpStr;
console.timeEnd("计时器一");*/
/*var tmpArray=new Array();
console.time("计时器二");
for(var j=0;j<100000;j++){
tmpArray[j]=j;
}
var tmpArrayStr=tmpArray.join();
document.body.innerHTML=tmpArrayStr;
console.timeEnd("计时器二");*/
}
</script>
</head>
<body>
<div 的方式来拼接字符串。。
</textarea>
</body>
</html>
相关文章：