Quel impact l'écriture de boucles for en JavaScript a-t-elle sur l'efficacité de l'exécution ?

L'impact de l'écriture de boucle for sur l'efficacité

En général, il existe deux manières d'écrire une boucle for :

1. Pas d'écriture Comment pour déclarer des variables : for(var i = 0;i<arr.length;i++){}

2. Comment déclarer des variables : for(var i = 0,len = arr.length;i < len;i++){}
   

En plus des boucles for, il existe aussi forEach() , il y a aussi des articles qui disent que forEach() est le plus efficace, et il est recommandé d'utiliser la méthode d'écriture forEach(), alors laquelle est la plus efficace ? Faisons un test et voyons.

Plan de test

Le plan de test global est le suivant :

1. Créez une variable de tableau de test contenant 40 millions.

2. Utilisez deux méthodes d'écriture de boucle for et foreach pour parcourir cette variable de test.

3. Sur la même machine stable, réalisez 10 tests et faites enfin la moyenne.

4. Environnement de test : CPU : Inter(R) Core i5-3210M, RAM : 12GM, système : win10 (x64)
   

Processus de test

Création d'une variable de test

Utilisez d'abord une boucle while pour créer une variable de test. C'est très simple. comme suit :

var testArrs = [],
 i = 0;
while(i<40000000){
 testArrs.push(i);
 i++;
}

Écrivez la fonction de test correspondante

pour mesurer et exécuter le code temporel que j'utilise <🎜. > et console.time() pour tester. console.timeEnd()

function testForeach(testArrs){
 console.time('foreach');
 var newArrs = [];
 testArrs.forEach(function(i){
 newArrs.push(i);
 });
 console.timeEnd('foreach');
}

function testNoDeclare(testArrs){
 console.time('no declare');
 var newArrs = [];
 for(var i = 0;i<testArrs.length;i++){
 newArrs.push(i);
 }
 console.timeEnd(&#39;no declare&#39;);
}

function testUseDeclare(testArrs){
 console.time('use declare');
 var newArrs = [];
 for(var i = 0,len = testArrs.length;i<len;i++){
 newArrs.push(i);
 }
 console.timeEnd(&#39;use declare&#39;);
}

Exécuter la fonction de test

testForeach(testArrs);
testNoDeclare(testArrs);
testUseDeclare(testArrs);

Résultats du test

ceci len = arr.length a peut-être été mis en cache, cela n'a donc aucun sens pour nous de déclarer une variable len pour la stocker. arr.length

Manière spéciale d'écrire la boucle for

for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}

1. Instruction 1 : Exécuter

2. avant le début de la boucle (bloc de code) Instruction 2 : Définir les conditions d'exécution de la boucle (bloc de code)

   <🎜. >

Instruction 3 : Exécuter après l'exécution de la boucle (bloc de code)

3. 
   

Si nous utilisons une boucle for pour sortir 1 à 10, nous pouvons écrire :

for(var i=0;i<10;i++){
console.log(i);
}

for(var i=10;i--;){
console.log(i);
}

Retournez au code au début de l'article

for (var i = 0, rule; rule = rules[i++];) {
 //do something
}

for(var i = 0;i < rules.length;i++){
 var rule = rules[i]
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!