Este artigo descreve o método de simplesmente testar o tempo de execução do loop de JS. Compartilhe -o para sua referência, como segue:
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> JS Teste de tempo de execução </title> <cript> var arr = []; var max = 10000000; // Carregue window.adDeventListener ("load", function () {setTimeout (function () {// Initialize arr for (var i = 0; i <max; i ++) {arr [i] = i+1;} // mostra todos os botões document.getElementBy ("div1"). Style.Display = ""; "Nenhum"; // 1) Use para função loop 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 ("Para resultado do cálculo:" + soma + ", tempo:" + x); } // 2) Use para ... na função do loop test2 () {var d1 = new Date (); var sum = 0; para (var i em arr) {sum += arr [i]} var d2 = new Date (); var x = d2 - d1; console.log ("para ... em cálculo Resultado:" + soma + ", tempo:" + x); } // 3) Função de loop 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 Cálculo Resultado:" + soma + ", tempo:" + x); } </script> </ad Head> <body> Por favor, pressione F12 para visualizar a saída do controlador <r/> <div id = "div1" style = "display: none;"> <input type = "button" value = "usando para loop" onclick = "test1 ();" "; /> <r /> <input type = "botão" value = "usando para..in loop" onclick = "test2 ();" /> <br /> <input type = "botão" value = "usando o loop foreach" onclick = "test3 ();" /> <r/> <r/> </div> <div id = "div2"> inicializando ... </div> </body> </html>Imagem de reprodução:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Estruturas e habilidades de algoritmo "e" Resumo do uso de operação matemática de JavaScript "
Espero que este artigo seja útil para a programação JavaScript de todos.