<!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 id="div1"></div>
    <div id="div2"></div>
    <textarea id="tArea1" name="" id="" cols="30" rows="10">
        1.通过多次刷新，不管在chrome、firefox还是IE6，测试的结果都是 "array.join" 的性能比 "+=" 要好。特别是在IE6下面，要强几十倍。

2.测试的结果和鸟哥的测试结果有出入，在IE下的测试结果是一样的，但是在chrome和firefox下面，和鸟哥的测试结果刚好相反。个人猜测的原因可能是，firefox和chrome的内存

处理及GC回收机制已经改进很多，毕意鸟哥那篇是08年左右写的。。。

3.测试结论：在小数据量的字符串接连操作时，"+="和"array.join"的性能相差无几（chrome或firefox），可以随意使用哪一种方式，但是在操作大数据量的字符串连接时（>=

10000），使用"array.join"的性能优势遍体现出来了。 特别说明，在IE下面，最好使用 "array.join"的方式来拼接字符串。。
    </textarea>
</body>
</html>

+=与join的性能测试的更多相关文章

  1. SQL Server中INNER JOIN与子查询IN的性能测试

    这个月碰到几个人问我关于"SQL SERVER中INNER JOIN 与 IN两种写法的性能孰优孰劣?"这个问题.其实这个概括起来就是SQL Server中INNER JOIN与子 ...

  2. Ignite性能测试以及对redis的对比

    测试方法 为了对Ignite做一个基本了解,做了一个性能测试,测试方法也比较简单主要是针对client模式,因为这种方法和使用redis的方式特别像.测试方法很简单主要是下面几点: 不作参数优化,默认 ...

  3. spark join broadcast优化

    在大量数据中对一些字段进行关联. 举例 ipTable:需要进行关联的几千条ip数据(70k) hist:历史数据(百亿级别) 直接join将会对所有数据进行shuffle,需要大量的io操作,相同的 ...

  4. 性能测试问题_Mysql数据库服务器的CPU占用很高

    MySQl服务器CPU占用很高 1.  问题描述 一个简单的接口,根据传入的号段查询号码归属地,运行性能测试脚本,20个并发mysql的CPU就很高,监控发现只有一个select语句,且表建立了索引 ...

  5. python并发获取snmp信息及性能测试

    python & snmp 用python获取snmp信息有多个现成的库可以使用,其中比较常用的是netsnmp和pysnmp两个库.网上有较多的关于两个库的例子. 本文重点在于如何并发的获取 ...

  6. Greenplum 简单性能测试与分析

    如今,多样的交易模式以及大众消费观念的改变使得数据库应用领域不断扩大,现代的大型分布式应用系统的数据膨胀也对数据库的海量数据处理能力和并行处理能力提出了更高的要求,如何在数据呈现海量扩张的同时提高处理 ...

  7. 老李性能测试分享：可以没事代理刷榜赚外快了，poptest这是让你快速致富啊

    老李性能测试分享:可以没事代理刷榜赚外快了,poptest这是让你快速致富啊   最近学员不断面试,不时听到令人惊喜的消息,类似应届专科毕业生获得7k月薪,小美女应聘月薪11k等等,看到学员开心的笑容 ...

  8. 性能调优：mysql之left join

    poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq:908821478,咨询电话010-845052 ...

  9. EF查询百万级数据的性能测试--多表连接复杂查询

    相关文章:EF查询百万级数据的性能测试--单表查询 一.起因  上次做的是EF百万级数据的单表查询,总结了一下,在200w以下的数据量的情况(Sql Server 2012),EF是可以使用,但是由于 ...

随机推荐

  1. 【转】CPU调度

    转自:http://blog.csdn.net/xiazdong/article/details/6280345 CPU调度   用于多道程序 以下先讨论对于单CPU的调度问题. 回顾多道程序,同时把 ...

  2. 如何注册dll、ocx控件

    在程序集成时,有时需要对厂家提供的dll或者ocx控件进行注册.其一般操作为:开始>命令指示符(右击管理员身份运行)>regsvr32 文件路径. 比如对devocx.ocx进行注册,在F ...

  3. 数缘社区上对libtom的介绍，贴过来先

    http://blog.csdn.net/songlingrebecca/article/details/5879154 基于Bit位运算的C语言库分析及其应用 1 LibTomproject的简要介 ...

  4. MYSQL 调优系列

    http://www.cnblogs.com/digdeep/p/4847484.html

  5. clearTimeout(timeoutfunc) 是否有必要执行

    当使用 setTimeout() 方法的时候,是否必须执行 clearTimeout() ? 在 setTimeout() 内的函数执行之前,如果想要阻止执行该方法,是有必要执行 cleartTime ...

  6. swift 关于delegate

    Cocoa 开发中接口-委托 (protocol-delegate) 模式是一种常用的设计模式,它贯穿于整个 Cocoa 框架中,为代码之间的关系清理和解耦合做出了不可磨灭的贡献. 在 ARC 中,对 ...

  7. mvc4+jquerymobile页面加载时无法绑定事件

    问题:在view里写js,在页面第一次加载完成后,无法触发事件, 如:按钮click事件,已经在$(function(){  添加了click });但就是无法触发,必须刷新下才可以. 原因分析: 主 ...

  8. SQL Server 的远程连接（转载）

    SQL Server默认是不允许远程连接的,如果想要在本地用SSMS连接远程服务器上的SQLServer2012数据库,需要确认以下环节: 1)如果是工作组环境,则需要使用SQL Server身份验证 ...

  9. java 引用资源-ClassLoader.getResource()方法

    如图,eclipse中我的包结构为:,我在 spt.app.MainFrame 中可以通过一下代码段使用资源: public static Object obj = ImageIconProxy.cl ...

  10. 在企业级开发中使用Try...Catch...会影响效率吗？

    感谢神啊.上帝及老天爷让我失眠,才能够有了本篇文章. 记得不久之前,公司一同事曾经说过:“如果是Winform开发,由于程序是在本地,使用try...catch不会有太大性能问题,可是如果是在web服 ...