Optimisation boucles - mise en cache variable dans un for?

Bonjour, étant en pleine phase d'optimisation de mes pages js, j'ai parcouru différents sites web dont un traitant des boucles for :

apparement ceci :

Code:

---

1 2 3

for(var i = 0; i < monTab.length; i++){ //traitement }

---

serait à remplacer par :

Code:

---

1 2 3

for(var i=0, l = monTab.length; i < l; i++){ // traitement }

---

soit disant , la deuxieme version permet de mettre en cache la variable "profonde" et ainsi gagner quelques ms en temps d'execution, quelqu'un aurait des précisions là dessus, car je suis un peu perplexe :/

Bonjour,

Dans la première version, la longueur du tableau parcouru est évaluée à chaque boucle pour vérifier la condition "i < monTab.length".

Dans la seconde version (je suppose qu'il y a une coquille et que la condition d'arrêt est "i < j" au lieu de "i < l"), la longueur du tableau n'est évaluée qu'au début de la boucle et stockée dans une variable. Il y a donc le gain d'évaluation de longueur du tableau à chaque boucle...

Cette optimisation est vraiment efficace sur les "grandes" boucles, sur les petites itérations, le gain est minime... Mais il est intéressant d'en faire une "bonne pratique" pour les itérations, le code sera "pré-optimisé"...

A+

Bonjour,
une correction d'abord

Code:

---

for(var i=0, j = monTab.length; i < j; i++){

---

Oui effectivement.
Dans ton 1° exemple, le .length est évalué à chaque itération, alors que dans la 2° il n'est évalué qu'une seule fois pour alimenter la variable "j".
Suivant le nombre d'itérations, c'est cette différence qui fait gagner plus ou moins de temps de traitement ...

Tu trouveras quelques éléments d'optimisation dans cette discussion (au thème plus large) ...

EDIT : grilled !

A+

onpeut eviter même le calcul du length

Code:

---

1 2	var i=-1 while (montableau[++j]){

---

Exact, par contre, ça pardonne pas les "trous" dans le tableau ...

Ceci dit, avec le for() ci-dessus, il faudrait aussi ajouter un test pour les gérer :aie:

A+

Merci bien pour ces réponses :)