Cet article décrit la méthode pour tester simplement le temps d'exécution de la boucle de JS. Partagez-le pour votre référence, comme suit:
<! Doctype html> <html lang = "zh-cn"> <éadf> <meta charset = "utf-8"> <tight> js Test Loop run time </ title> <script> var arr = []; var max = 10000000; // Load Window.AdDeventListener ("Load", function () {setTimeout (function () {// initialize arr for (var i = 0; i <max; i ++) {arr [i] = i + 1;} // affiche tous les boutons document.getElementById ("div1"). Style.display = "block"; document.getElementyid ("div2"). }, 1);}); // 1) Utiliser pour la fonction de boucle 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 ("pour le résultat de calcul:" + sum + ", temps:" + x); } // 2) Utiliser pour..in Loop Function test2 () {var d1 = new Date (); var sum = 0; pour (var i dans arr) {sum + = arr [i]} var d2 = new Date (); var x = d2 - d1; console.log ("pour..in Résultat de calcul:" + sum + ", temps:" + x); } // 3) Fonction Loop Test3 () {var d1 = new Date (); var sum = 0; arr.ForEach (fonction (n) {sum + = n;}) var d2 = new Date (); var x = d2 - d1; Console.log ("Résultat de calcul foreach:" + sum + ", temps:" + x); } </ script> </ head> <body> Veuillez appuyer sur F12 pour afficher la sortie du contrôleur <br /> <div id = "div1" style = "display: non;"> <input type = "bouton" value = "using for Loop" onClick = "test1 ();" /> <br /> <input type = "bouton" value = "using for..in loop" onclick = "test2 ();" /> <br /> <entrée type = "bouton" value = "Utilisation de la boucle foreach" onclick = "test3 ();" /> <br /> <br /> </ div> <div id = "div2"> Initialisation ... </div> </ body> </html>Image de reproduction:
Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé de l'algorithme de traversée JavaScript et compétences", "Résumé des compétences JavaScript Switching Special Effects", "Résumé des effets spéciaux de la recherche JavaScript", "Résumé des erreurs de données javascript et compétences en algorithme "et" Résumé de l'utilisation de l'opération mathématique JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.