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 相关文章推荐
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
JS截取url中问号后面参数的值信息
Apr 29 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
对angular 实时更新模板视图的方法$apply详解
Oct 09 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 Vue.js
弱类型语言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
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
Javascript 的addEventListener()及attachEvent()区别分析
2009/05/21 Javascript
Javascript 两个窗体之间传值实现代码
2009/09/25 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
vue3实现v-model原理详解
2019/10/09 Javascript
js实现图片无缝循环轮播
2019/10/28 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
Python中decorator使用实例
2015/04/14 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python实现单向链表详解
2018/02/08 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
洲际酒店集团美国官网:IHG美国
2017/11/16 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
好军嫂事迹材料
2014/01/15 职场文书
《学会待客》教学反思
2014/02/22 职场文书
先进单位申报材料
2014/12/25 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书