javascript for循环性能测试示例


Posted in Javascript onAugust 07, 2019

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
JavaScript 组件之旅(二)编码实现和算法
Oct 28 Javascript
jQuery1.6 正式版发布并提供下载
May 05 Javascript
JS实现文字掉落效果的方法
May 06 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
JavaScript实现移动端轮播效果
Jun 06 Javascript
浅谈vue项目重构技术要点和总结
Jan 23 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
小程序实现锚点滑动效果
Sep 23 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 #Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 #Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 #Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 #Javascript
javascript中的数据类型检测方法详解
Aug 07 #Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 #Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 #Javascript
You might like
typecho插件编写教程(三):保存配置
2015/05/28 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
jQuery 浮动广告实现代码
2008/12/25 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
Augularjs-起步详解
2016/07/08 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
python随机数分布random测试
2018/08/27 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
详解python内置模块urllib
2020/09/09 Python
如何利用python检测图片是否包含二维码
2020/10/15 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
南京迈特望C/C++面试题
2012/07/09 面试题
个人简历自我评价范文
2014/02/04 职场文书
青年文明号复核材料
2014/02/11 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
教师节主题班会教案
2015/08/17 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
mysql 直接拷贝data 目录下文件还原数据的实现
2021/07/25 MySQL
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang