Maison > interface Web > js tutoriel > Résumé de l'optimisation des performances de la boucle for dans JS

Résumé de l'optimisation des performances de la boucle for dans JS

不言
Libérer: 2018-08-02 15:10:58
original
2143 Les gens l'ont consulté

Cet article vous présente un résumé de l'optimisation des performances des boucles for dans JS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

On utilise vraiment trop de boucles FOR, mais avez-vous fait attention à son écriture optimisée ? Record :

1. La manière d'écrire la plus courante, il n'y a rien de mal à cela

for (var i = 0; i < 10; i++) {    // do something...}
Copier après la connexion

2. le nombre de boucles est Dans le cas de variables

for (var i = 0; i < arr.length; i++) {    // do something...}
Copier après la connexion

En fait, la plupart des gens écrivent de cette façon. L'inconvénient de cette façon d'écrire est. que cela doit être fait à chaque fois qu'il boucle. Il n'est pas rentable de lire la longueur du tableau une fois

3. Écriture optimisée des situations variables

<. 🎜>

for (var i = 0, l = arr.length; i < l; i++) {    // do something...}
Copier après la connexion

will La longueur est stockée, et ensuite la boucle n'a pas besoin de lire la longueur

4. ceci

var i = 0, l = arr.length;        
for (; i < l; i++) {    // do something...}
Copier après la connexion

Ceci est juste une variante de 3, une autre façon d'écrire, pas d'optimisation. Parce qu'il n'y a pas de portée au niveau du bloc, l'effet est le même que celui de 3

5 Écriture optimisée et version améliorée

for (var i = arr.length - 1; i >= 0; i--) {    // do something...}
Copier après la connexion
.

Méthode d'écriture recommandée, qui enregistre une variable basée sur la troisième méthode.

Articles connexes recommandés :

Comment convertir des images vue.js en Base64, télécharger des images et les prévisualiser

Un cas de js fil - pour obtenir un effet aléatoire de machine à écrire rapide

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal