<!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简单测试循环运行时间的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang=zh-cn> <head> <meta charset=UTF-8> <title>JS 测试循环运行的时间</...
可使用控制器对测试集请求进行控制，包括循环请求、条件请求，可嵌套使用 可定时或根据任务名执行多个测试任务（包含多个测试集），并保存其测试结果、发送测试报告到指定邮箱 可查看测试任务执行的请求信息、返回...
本文实例讲述了javascript for循环性能测试。分享给大家供大家参考，具体如下： for循环，如何使用效率更高，下面举例来说明： // 先定义一个测试数组 var arr = [0,1,2,3,4,5,6,7,8,9]; // 执行测试 test1(); test...
什么Forseti 是 JavaScript 的无头测试/规范运行器，其编写独立于测试/规范框架，也独立于 JavaScript 引擎。 它旨在使反馈循环尽可能紧密，并且高度关注约定和测试/规范的自动运行。 有关使用框架在 Windows 上运行...
Selenium支持多平台、多浏览器、多语言去实现自动化测试，是一个开源和可移植的Web测试框架，支持并行测试执行，从而减少了时间并提高了测试效率。利用它，我们可以编写相关的自动化程序，让程序完全像人一样在...
因此，例如，如果您要为新的浏览器功能开发polyfill或参考实现，但又想在JavaScript中这样做，并获得Node.js的快速不重编译反馈循环，则可能会很有用。命令行用法$ node bin/wpt-runner.jsRuns web platform tests ...
基于Autojs的APP、小程序自动化测试SDK，支持：判别存在、等候出现、文本或颜色点击、循环点击、定位取取.zip
一段JavaScript是如何执行的js事件循环异步任务异步任务队列测试代码结果调试执行结果 js事件循环 当我们执行一行js代码时,如果是同步任务,就把它直接放到执行栈里面去执行,如果是异步任务,会把它放到一个异步的任务...
while循环是前测试循环，这意味着是否终止的条件判断是在执行代码之前，因此，循环的主体可能根本不执行。其语法如下： while(expression) statement 当expression为ture时，程序会不断执行statement语句，直到...
下面的方法一语方法二都是经过软件开发网小编测试并运行的 方法一： json格式定义 <!DOCTYPE ...
JavaScript运行时间过长是因为函数内包含了过多的循环。这篇文章主要介绍了jsp测试函数的运行速度，需要的朋友可以参考下。
第1日： 介绍和理清头绪，并介绍几个小技巧，重点介绍一种新的 if-then-else语句以及变量真正含义。 第2日： 神奇的字符串处理，保存访问...开发和测试JavaScript的工具，以及使你的JavaScript代 码迅速运行的窍门。
一、前言 JavaScript语言在不同的浏览器的下有存在细微的差异，但不像DOM操作差异那么大，现在为大家列举出其中一个”for循环”的差异,并介绍如何有效的解决这种差异。 二、问题描述 在下面的 测试代码 例1 中IE6和...
JavaScript分析工具以及分析模块和基准测试库。 JS-Profiler允许您比较有关执行速度和内存消耗的不同技术，运算符和函数。 它以文本或JSON格式报告结果。 JS-Profiler为供电。 目录 命令行界面 图书馆 个人资料 ...
该篇回答为使用 JavaScript 实现成语接龙功能的代码，并嵌入到了可执行的 HTML 中，方便读者查看和测试。成语接龙是一种常见的文字游戏，目的是通过接龙来检验玩家的汉语词汇量和智力。这个代码使用了基本的 HTML、...
循环语句 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 Computed VS methods 我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 ...
14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 14.20 小写金额转换为大写 14.21 通过两点坐标计算直线距离 ...