javascript for循环性能测试示例

 更新时间:2019年08月07日 09:38:34   作者:Johnny丶me   我要评论
这篇文章主要介绍了javascript for循环性能测试,结合实例形式分析了javascript使用for循环遍历数组的三种常用方法及对应的时间消耗,总结javascript使用for循环遍历数组的相关操作技巧,需要的朋友可以参考下

本文实例讲述了javascript for循环性能测试。分享给大家供大家参考,具体如下:

for循环,如何使用效率更高,下面举例来说明:

// 先定义一个测试数组 
var arr = [0,1,2,3,4,5,6,7,8,9];
// 执行测试
test1(); 
test2();
test3();
function test1(){
 console.time('test1');
 for(var i = 0; i < arr.length; i ++) {
 }
 console.timeEnd('test1');
}
function test2(){
 console.time('test2');
 for(var i = 0,len = arr.length; i < len; i ++) {
 }
 console.timeEnd('test2');
}
function test3(){
 console.time('test3');
 var len = arr.length;
 for(var i = 0; i < len; i ++) {
 }
 console.timeEnd('test3');
}

上面测试的结果大概是这样:

test1: 0.028ms
test2: 0.010ms
test3: 0.007ms

虽然每次都是随机的

但是可以看出第三种直接用变量来接受数组长度,效率会更高

但在实际开发中推荐第二种,在for里面实现,节省内存,速度较快。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS:这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:

在线JS常见遍历方式性能分析比较工具http://tools.jb51.net/aideddesign/js_bianli

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 纯JS实现弹性导航条效果

    纯JS实现弹性导航条效果

    本文主要介绍了纯JS实现弹性导航条效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • React Navigation 使用中遇到的问题小结

    React Navigation 使用中遇到的问题小结

    本篇文章主要介绍了React Navigation 使用中遇到的问题小结,主要是安卓和iOS中相对不协调的地方,特此记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • JS实现回到页面顶部动画效果的简单实例

    JS实现回到页面顶部动画效果的简单实例

    下面小编就为大家带来一篇JS实现回到页面顶部动画效果的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js列举css中所有图标的实现代码

    js列举css中所有图标的实现代码

    最近在做一个通用的配置模块。配置模块中必然要对系统的菜单、功能模块、权限资源等进行配置,为了更好的用户体验,图标是必不可少的!
    2011-07-07
  • JS随机生成不重复数据的实例方法

    JS随机生成不重复数据的实例方法

    这篇文章介绍了JS随机生成不重复数据的实例方法,有需要的朋友可以参考一下
    2013-07-07
  • Three.js的使用及绘制基础3D图形详解

    Three.js的使用及绘制基础3D图形详解

    这篇文章主要介绍了Three.js的使用及绘制基础3D图形的相关资料,文中介绍的非常详细,对大家学习或者使用three.js具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • javascript的currying函数介绍

    javascript的currying函数介绍

    curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能泛化为偏函数应用(partial function application, PFA),p 这种函数将任意数量(顺序)的参数的函数转化为另一个带剩余参数的函数对象
    2012-02-02
  • 探讨js中的双感叹号判断

    探讨js中的双感叹号判断

    js中的双感叹号判断。在网上查了些资料,他相当于三元运算符,返回boolean值
    2013-11-11
  • 原生JS上传大文件显示进度条 php上传文件代码

    原生JS上传大文件显示进度条 php上传文件代码

    这篇文章主要为大家详细介绍了JS原生上传大文件显示进度条,php上传文件关键代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • bootstrap导航条实现代码

    bootstrap导航条实现代码

    这篇文章主要为大家详细介绍了bootstrap导航条的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论