Este artículo describe el método para probar el tiempo de ejecución de bucle de js. Compártelo para su referencia, como sigue:
<! DocType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> JS Test Loop Time </title> <script> var arr = []; var max = 10000000; // Load Window.adDeventListener ("load", function () {setTimeOut (function () {// inicializar arr for (var i = 0; i <max; i ++) {arr [i] = i+1;} // Muestra todos los botones document.getElementByid ("div1"). Style.dislay = "block"; document.getEntyById ("Div2"). DivDisPly. "Ninguno"; // 1) Use para la función de bucle 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 el resultado del cálculo:" + sum + ", tiempo:" + x); } // 2) use para..in de la función bucle test2 () {var d1 = new Date (); var sum = 0; for (var i en arr) {sum += arr [i]} var d2 = new Date (); var x = d2 - d1; console.log ("para ... en el resultado del cálculo:" + sum + ", tiempo:" + x); } // 3) Función de bucle test3 () {var d1 = new Date (); var sum = 0; arr.forEach (function (n) {sum += n;}) var d2 = new Date (); var x = d2 - d1; console.log ("Resultado de cálculo de foreach:" + sum + ", tiempo:" + x); } </script> </head> <body> Presione F12 para ver la salida del controlador <Br/> <div id = "div1" style = "visual /> <Br /> <input type = "Button" value = "usando for..in loop" onClick = "test2 ();" /> <Br /> <input type = "Button" value = "usando foreach loop" onClick = "test3 ();" /> <Br/> <Br/> </div> <div id = "div2"> Inicialización ... </div> </body> </html>Imagen de reproducción:
Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen del algoritmo y habilidades de traversal de JavaScript", "Resumen de JavaScript Cambio de efectos especiales y habilidades de algoritmo de búsqueda de JavaScript", "Resumen de los efectos especiales de animación de JavaScript y habilidades", "Summary of Javasscript y habilidades de debugging de Javugging", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", "," "," "," " Estructuras y habilidades de algoritmo "y" Resumen del uso de la operación matemática de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.