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动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 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
PHP实现今天是星期几的几种写法
2013/09/26 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python中的Matplotlib模块入门教程
2015/04/15 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
Python urllib3软件包的使用说明
2020/11/18 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
《九色鹿》教学反思
2014/02/27 职场文书
原材料检验岗位职责
2014/03/15 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
获奖感言范文
2015/07/31 职场文书
在Python中如何使用yield
2021/06/07 Python
vue中data里面的数据相互使用方式
2022/06/05 Vue.js
关于MySQL中explain工具的使用
2023/05/08 MySQL