JS简单测试循环运行时间的方法


Posted in Javascript onSeptember 04, 2016

本文实例讲述了JS简单测试循环运行时间的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JS 测试循环运行的时间</title>
<script>
  var arr = [];
  var max = 10000000;
  //加载
  window.addEventListener("load", function () {
    setTimeout(function () {
      //初始化arr
      for (var i = 0; i < max; i++) {
        arr[i] = i + 1;
      }
      //显示所有按钮
      document.getElementById("div1").style.display = "block";
      document.getElementById("div2").style.display = "none";
    }, 1);
  });
  //1) 使用 for 循环
  function test1() {
    var d1 = new Date();
    var sum = 0;
    for (var i = 0; i < arr.length; i++) {
      sum += arr[i]
    }
    var d2 = new Date();
    var x = d2 - d1;
    console.log("for计算结果:" + sum + ",用时:" + x);
  }
  //2) 使用 for..in 循环
  function test2() {
    var d1 = new Date();
    var sum = 0;
    for (var i in arr) {
      sum += arr[i]
    }
    var d2 = new Date();
    var x = d2 - d1;
    console.log("for..in计算结果:" + sum + ",用时:" + x);
  }
  //3) 使用 forEach 循环
  function test3() {
    var d1 = new Date();
    var sum = 0;
    arr.forEach(function (n) {
      sum += n;
    })
    var d2 = new Date();
    var x = d2 - d1;
    console.log("forEach计算结果:" + sum + ",用时:" + x);
  }
</script>
</head>
<body>
请按F12查看控制器输出 <br />
<div id="div1" style="display:none;">
  <input type="button" value="使用for循环" onclick="test1();" /> <br />
  <input type="button" value="使用for..in循环" onclick="test2();" /> <br />
  <input type="button" value="使用forEach循环" onclick="test3();" /> <br />
</div>
<div id="div2">
  正在初始化...
</div>
</body>
</html>

效果图:

JS简单测试循环运行时间的方法

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
jQuery最佳实践完整篇
Aug 20 Javascript
两个数组去重的JS代码
Dec 04 Javascript
JQuery打造省市下拉框联动效果
May 18 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
实现无刷新联动例子汇总
May 20 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
在vue中使用console.log无效的解决
Aug 09 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 #Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 #Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 #Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 #Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 #Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 #Javascript
浅析$(function) ready和onload 的区别
Sep 03 #Javascript
You might like
剖析 PHP 中的输出缓冲
2006/12/21 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
php生成高清缩略图实例详解
2015/12/07 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
Javascript之高级数组API的使用实例
2019/03/08 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
2019/07/19 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
详解Vue数据驱动原理
2020/11/17 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
基于TensorFlow的CNN实现Mnist手写数字识别
2020/06/17 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
司机岗位职责
2013/11/15 职场文书
学习决心书
2014/03/11 职场文书
计算机软件专业求职信
2014/06/10 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
心理健康教育主题班会
2015/08/13 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers
分享python函数常见关键字
2022/04/26 Python