<!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. C++ 标准时间线

    Herb Sutter在他的博客上贴出了一个C++的timeline,如下所示:

  2. win10安装MySQL

    mysql的直接地址,可以复制地址使用下载工具下载:32位:http://cdn.mysql.com/Downloads/MySQL-5.6/mysql-5.6.26-win32.zip64位:htt ...

  3. TFS(Team Foundation Server)介绍和入门

    在本文的两个部分中,我将介绍Team Foundation Server的一些核心特征,重点介绍在本产品的日常应用中是怎样将这些特性结合在一起使用的. 作为一名软件开发者,在我的职业生涯中,我常常会用 ...

  4. uva 11178 Morley&#39;s Theorem（计算几何-点和直线）

    Problem D Morley's Theorem Input: Standard Input Output: Standard Output Morley's theorem states tha ...

  5. android 43 SQLite数据库

    SQLite数据库很小,占用内存只有几百K,安卓和IOS都是用的SQLite数据库. 页面: <LinearLayout xmlns:android="http://schemas.a ...

  6. ARCGIS二维三维平移

    private void glZoomPan() { ESRI.ArcGIS.SystemUI.ICommand com = new ControlsGlobePanTool(); com.OnCre ...

  7. iOS 使用Charts框架 折线,柱状,K线,饼状,雷达全攻略

    我是前言: 大约几个月前我在某平台写了一篇文章, 文中简单地介绍了Charts两种图表的样式的使用, 不过有种意犹未尽的感觉, 利用周末的空闲时间再次看了看, 有了新的收获, 今天发出来,分享给大家, ...

  8. Android 6.0 Changes

    原文链接:http://developer.android.com/about/versions/marshmallow/android-6.0-changes.html 伴随着新特性和功能,Andr ...

  9. 一次优化web项目的经历记录（二）

    一次优化web项目的经历记录 这段时间以来的总结与反思 前言:最近很长一段时间没有更新博客了,忙于一堆子项目的开发,严重拖慢了学习与思考的进程. 开水倒满了需要提早放下杯子,晚了就会烫手,这段时间以来 ...

  10. isAssignableFrom与instanceof的区别

    1.isAssignableFrom针对的是class对象: 2.instanceof是实例. isAssignableFrom是用来判断一个类Class1和另一个类Class2是否相同或是另一个类的 ...