Analyse des performances : duplication de tableaux en JavaScript à l'aide de Slice ou de la boucle For
En JavaScript, il existe plusieurs approches pour dupliquer un tableau. Deux méthodes courantes incluent la méthode slice et la boucle for. Cet article explore leurs performances relatives pour déterminer laquelle est la plus rapide.
Méthode Slice :
La méthode slice crée un nouveau tableau en extrayant une partie spécifiée du tableau d'origine. Le code suivant montre un exemple :
1 |
|
For Loop :
Une boucle for parcourt chaque élément du tableau d'origine et crée manuellement une copie dans un nouveau array :
1 2 |
|
Résultats :
Les benchmarks ont a révélé que la méthode slice est généralement plus rapide pour les navigateurs basés sur blink, tels que Chrome et Edge, tandis que la boucle for est plus rapide dans d'autres navigateurs, tels que Firefox et Safari. Cela est dû aux optimisations internes pour slice et concat dans les navigateurs Blink.
En particulier, la syntaxe étalée (par exemple, [...original_array]) et Array.from() sont apparues comme les méthodes les plus rapides pour la duplication de tableaux. , surpassant à la fois slice et la boucle for dans la plupart des scénarios.
Benchmark Scripts :
Les scripts JavaScript suivants peuvent être exécutés dans la console du navigateur pour comparer les performances des méthodes de boucle for et slice :
For Loop :
1 2 3 4 5 6 7 |
|
Slice :
1 2 3 4 5 |
|
En exécutant ces scripts plusieurs fois, vous pouvez observer les performances relatives de chaque méthode dans différentes conditions de navigateur.
Remarque : N'oubliez pas que ces méthodes n'effectuent qu'une copie superficielle, ce qui signifie que les objets référencés dans l'original le tableau sera partagé avec le tableau en double. Envisagez des techniques de clonage profond pour les structures de données plus complexes.
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!