Diviser un tableau en morceaux en javascript

Deux méthodes divisent un tableau en javascript en morceaux égaux plus petits. Ces deux méthodes utilisent respectivement Splice () et Slice (). Cet article affichera ces méthodes pour diviser un tableau en morceaux plus petits. Commençons par le premier.

Méthode 1: Slice () pour diviser un tableau en morceaux

Pour le démontrer, créez d'abord un tableau d'entiers avec la ligne de code suivante:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

Ensuite, définissez la taille de chaque morceau qui doit être dérivé du tableau d'origine:

ChunkSize = 2;

Ensuite, utilisez simplement le pour boucle pour itérer dans le tableau et créer une variable de tableau tronçon À l'aide de la méthode Slice () avec les lignes de code suivantes:

pour (i = 0; i < my_array.length; i += chunkSize)
Laissez Chunk;
chunk = my_array.Slice (i, i + chunkSize);
console.journal (morceau);

Dans cet extrait de code:

• pour La boucle est utilisée pour itérer dans le tableau d'origine, et pour chaque itération, la valeur de la variable d'itérateur (i) est augmentée par la taille du morceau pour éviter de relier le même morceau.
• À l'intérieur de la boucle FOR, une nouvelle variable de tableau est créée nommée tronçon
• My_array.tranche() coupe un morceau du tableau basé sur les arguments et les magasins qui dans le tronçon variable
• À la fin, la fonction de journal de console imprime le morceau sur le terminal.

L'extrait de code complet est comme:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
ChunkSize = 2;
pour (i = 0; i < my_array.length; i += chunkSize)
Laissez Chunk;
chunk = my_array.Slice (i, i + chunkSize);
console.journal (morceau);

Lors de l'exécution, l'extrait de code ci-dessus produit les résultats suivants:

La sortie affiche le tableau converti en morceaux plus petits chacun de taille 2.

Méthode 2: Utilisation de Splice () pour diviser un tableau en morceaux plus petits

Pour présenter l'utilisation de la méthode Splice (), créez d'abord un nouveau tableau avec les lignes de code suivantes:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

Définissez la taille du morceau comme dans la première méthode en utilisant la ligne suivante:

ChunkSize = 4;

Après, un alors que() La boucle est utilisée en combinaison avec Splice () pour itérer dans le tableau:

Pendant (mon_array.longueur> 0)
Laissez Chunk;
chunk = my_array.Splice (0, ChunkSize);
console.journal (morceau);

Dans cet extrait de code:

• Une boucle de temps est utilisée pour parcourir le tableau avec la condition que si la longueur du tableau est supérieure à 0 car l'utilisation de Splice () réduit la taille du tableau d'origine.
• À l'intérieur de la boucle while, une variable de morceau est créée pour stocker chaque morceau.
• Ensuite, la variable de morceau est définie égale à My_Array.Méthode splice (), qui renvoie le morceau du tableau à partir du 0ème index à l'index décidé par le chunkSize
• Enfin, imprimez le morceau sur le terminal à l'aide de la fonction de journal de la console

L'extrait de code complet est comme:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
ChunkSize = 4;
Pendant (mon_array.longueur> 0)
Laissez Chunk;
chunk = my_array.Splice (0, ChunkSize);
console.journal (morceau);

L'exécution de ce code donne la sortie suivante:

Il ressort clairement de la sortie que la méthode Splice () divise le tableau en morceaux chacun de taille 4.

Conclusion

En JavaScript, le programmeur peut utiliser deux méthodes pour diviser ou diviser un tableau en morceaux plus petits mais égaux. Ces méthodes incluent l'utilisation de la méthode Slice () et la méthode Splice () en combinaison avec pour boucle et pendant la boucle. Cet article a affiché le fonctionnement des deux méthodes à l'aide de deux exemples.