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程序设计有所帮助。
相关文章
这篇文章主要介绍了ES6 class的应用,结合实例形式分析了class在ES6面向对象程序设计中定义类的相关操作技巧,需要的朋友可以参考下2019-06-06
JavaScript中实现PHP的打乱数组函数shuffle实例
这篇文章主要介绍了JavaScript中实现PHP的打乱数组函数shuffle实例,本文用2种方法实现了类似PHP的打乱数组函数shuffle函数,需要的朋友可以参考下2014-10-10
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法,结合实例形式详细分析了javascript针对凹多边形的分离轴检测算法相关概念、原理、实现技巧与操作注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JavaScript中连接操作Oracle数据库实例,本文讲解了运行环境、代码实例、运行结果等一系列完整步骤,需要的朋友可以参考下2015-04-04
JavaScript变量声明的var、let、const详解
JavaScript中的变量是松散类型的,可以保存任何类型数据,变量只不过是一个名称,下面这篇文章主要给大家介绍了关于JavaScript变量声明的var、let、const的相关资料,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了JS判断两个对象内容是否相等的方法,结合具体实例形式分析了javascript针对字符串、数组及对象的相关判断技巧,需要的朋友可以参考下2017-04-04
Bootstrap每天必学之按钮组工具栏，本文讲解的就是大家最为常用的按钮组工具栏，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章介绍了Echarts.js实现水滴球和海洋效果的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
今天小编就为大家分享一篇关于Javascript实现一朵从含苞到绽放的玫瑰，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
BootStrap使用file-input插件上传图片的方法
这篇文章主要介绍了BootStrap使用file-input插件上传图片的方法，bootstrap的图片上传框架 file-input 插件非常不错，下面小编通过本文介绍下这个插件的使用方法，感兴趣的朋友一起看看吧2016-09-09
最新评论