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 相关文章推荐
jQuery EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
JS对字符串编码的几种方式使用指南
May 14 Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
使用jquery如何获取时间
Oct 13 Javascript
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
详解新手使用vue-router传参时注意事项
Jun 06 Javascript
JS实现字体背景跑马灯
Jan 06 Javascript
vue 实现动态路由的方法
Jul 06 Javascript
关于Javascript闭包与应用的详解
Apr 22 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
初识PHP
2014/09/28 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
2017/10/13 jQuery
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
详解Python中的循环语句的用法
2015/04/09 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
分享一个vue实现的记事本功能案例
2022/04/11 Vue.js