<!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 测试循环运行的时间</...
如果循环体内包含复杂的计算或多次DOM操作，这将显著增加执行时间。尽量减少循环体内的计算量，或者将计算移到循环外部。 2. **非同步执行循环**： 如果循环可以异步执行，应考虑使用setTimeout或Promise等机制，...
"浏览器性能测试JavaScript脚本"是一个专门用于评估JavaScript引擎性能的工具，由Google开发，它可以帮助开发者了解不同浏览器在运行特定JS任务时的性能差异。 这个工具包含了一系列基准测试脚本，比如`earley-...
要实现无限循环弹出窗口，我们需要结合`setInterval`函数，它会在指定的时间间隔内重复执行一段代码。下面是一个简单的例子，每两秒钟弹出一次警告： ```javascript function infiniteAlert() { alert('窗口正在...
7. **超时设置**：Mocha 允许为测试用例设置超时时间，防止因阻塞或无限循环导致的测试卡住。 8. **钩子函数**：`before`, `after`, `beforeEach` 和 `afterEach` 钩子函数可以在测试执行前后运行，用于准备环境或...
8. **性能指标**: 常见的性能指标包括执行时间、CPU占用率、内存占用等，根据测试目标选择合适的指标。 9. **基准比较**: 自定义插件可以保存和比较不同版本或优化后的代码性能，帮助决定哪种实现更优。 10. **...
- `Sympact`通过多次运行JS脚本来获取平均执行时间，这种方法可以减少偶然性，更准确地反映出脚本的平均性能。 - 分析执行时间有助于找出代码中的瓶颈，比如循环、递归或复杂计算，从而针对性地优化代码。 2. **...
为了实现持续集成，AutoJS SDK可与其他CI/CD工具（如Jenkins、GitLab CI/CD）集成，自动触发测试脚本运行，并将结果反馈至项目管理平台，确保每次代码更新后都能及时进行质量验证。 综上所述，基于AutoJS的APP和小...
这个例子中，`function_to_test`是待测试的函数，我们记录其开始和结束的时间，并计算出执行时间。为了提高精度，我们可以增加循环次数，或者使用`timeit`模块。 6. 结合标签“程序测试”：程序测试不仅包括时间...
7. 下面代码，k 的运行结果是（B）答案解析：for 循环中，i 和 j 都从 0 开始，i 顺序递增，j 顺序递增，当 i时循环结束，k 的值是 10。 8. [1,2,3,4].join("0").split("") 的执行结果是（C）答案解析：join 方法将...
JavaScript中的循环是编程中不可或缺的一部分，它允许代码重复执行一段特定的代码块，直到满足某个条件为止。在JavaScript中，有几种不同的循环类型，其中最常用的是`for`循环。`for`循环常用于需要知道循环次数的...
通过"jstest"这个压缩包，你可以找到一些具体的JavaScript测试代码实例，这些实例涵盖了上述知识点。通过实践这些例子，你可以加深对JavaScript测试的理解，提升自己的编程技能。同时，也可以结合其他学习资源，如...
常用的JavaScript测试框架有Mocha、Jest、Jasmine等。理解断言库（如Chai、Expect等）的使用。 9. **TDD（测试驱动开发）**：在编写代码之前先写测试，保证代码质量，遵循红-绿-重构的流程。 10. **模拟与 spies**...
同时，文档中提到了使用在线的HTML/CSS/JavaScript代码运行工具进行代码测试，并提供了相应的在线运行工具链接，方便读者进行实践操作。 综上所述，本篇文档主要围绕Vue.js的v-for指令，特别是在模板中如何进行嵌套...
在进行性能测试时，`console.time()`和`console.timeEnd()`是JavaScript提供的计时工具，用于测量代码块的执行时间。在上面的测试中，可以看到每种方法的执行时间，从而判断哪种方法更快。 为了更全面地了解各种...
在JavaScript编程语言中，`for`循环和`if`判断语句是两种基本的控制流程结构，它们在编写逻辑和处理条件时起着至关重要的作用。让我们深入了解一下这两个概念。 **1. JavaScript `for`循环** `for`循环用于重复执行...