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程序设计有所帮助。
相关文章
上部分我们逐一分析了各浏览器的可行方法，这部分将搞鼓出一个统一的类来实现跨浏览器的线性渐变。2009-10-10
这篇文章主要介绍了Javascript中数组去重与拍平的相关资料，因为这是实际业务开发中经常遇到的，文中开始先进行了数组的判断介绍，因为在处理数组之前判断数据是不是数组很重要，有需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要为大家介绍了JS利用中介模式开发全局控制器图文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
全面解析JavaScript中“&&”和“||”操作符(总结篇)
这篇文章主要介绍了全面解析JavaScript中“&&”和“||”操作符(总结篇)的相关资料,需要的朋友可以参考下2016-07-07
本文为大家介绍下使用js实现可以供选择的弹出框，具体的实现如下，感性的朋友可以参考下，希望对大家学习有所帮助2013-09-09
本篇文章主要介绍了JavaScript用二分法查找数据的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
本来是很简单的一个功能，可是一开始弄的时候，还有IE能实现，FF总是不能实现，在网上看了半天，也没弄出个所以然，所以在同事的帮忙下，总算弄出来了，浏览器的兼容性考的还是细节上面的东西，所有关于细节的，我会用注释标出来的。2015-05-05
这篇文章主要介绍了JS数组操作大全对象数组根据某个相同的字段分组,需要注意的是，在开发过程这种数组的处理函数，应当被编写到项目的公共工具函数库中全局调用，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-11-11
使用json-server简单完成CRUD模拟后台数据的方法
这篇文章主要介绍了使用json-server简单完成CRUD模拟后台数据的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了confirm的用法，confirm一般用于按钮操作时确定是否执行,需要的朋友可以参考下2014-06-06
最新评论