Comment diviser un long tableau en tableaux plus petits avec JavaScript?

Comment diviser un long tableau en tableaux plus petits avec JavaScript?
Dans divers scénarios, les programmeurs doivent diviser le tableau en morceaux plus petits pour organiser les données de manière appropriée. Plus précisément, la division du tableau en morceaux plus petits peut faciliter le rendu et l'affichage des données sans causer de problèmes de performances. Il permet de travailler avec les données dans des pièces plus gérables. Cela aide à éviter les limitations de la mémoire.

Cet article illustrera la procédure de division d'un long tableau en petits tableaux en javascript.

Comment diviser un long tableau en tableaux plus petits avec JavaScript?

Pour diviser un tableau long en petits tableaux, utilisez les méthodes suivantes:

  • Méthode Slice ()
  • Méthode Splice ()

Méthode 1: Divisez un tableau long en réseaux plus petits en utilisant Slice () Méthode

Utilisez le "tranche()«Méthode pour diviser un tableau en tableaux plus petits. Sans modifier le tableau d'origine, il crée un nouveau tableau avec des éléments tirés du tableau d'origine.

Syntaxe

Suivez la syntaxe donnée pour la méthode Slice ():

tranche (début, fin)

Dans la syntaxe ci-dessus:

  • "commencer"Est un entier qui spécifie la position de départ de la tranche / tableau. Il est inclus dans la tranche.
  • "fin"Est un entier qui spécifie la position de fin de la tranche / tableau. Il est exclusif et n'est pas inclus dans la tranche.

Exemple

Créez un tableau de nombres:

const Array = [0, 2, 4, 6, 8, 1, 3, 5, 7, 9, 2, 5, 8];

Appelez la méthode Slice () pour obtenir la tranche d'un tableau à partir de l'index 0 à 5. Ici, le dernier index est exclusif:

Var Array1 = Array.tranche (0, 5);
console.log (array1);

La deuxième tranche sera de l'index 5 à l'index 8:

var array2 = array.tranche (5, 8);
console.log (array2);

La dernière tranche sera lancée à partir de l'indice 8, jusqu'à la fin:

var array3 = array.tranche (8);
console.log (array3);

La sortie indique que le tableau a été divisé avec succès en trois tableaux de tailles différentes:

Maintenant, nous allons diviser le tableau en différents morceaux en appelant la fonction:

functionSplitArrayIntoSubArrays (tableau, sous-crayons)
pour (i = 0; iVar Temp;
temp = tableau.Slice (i, i + sous-réseaux);
console.journal (temp);

Dans l'extrait de code ci-dessus:

  • Tout d'abord, définissez une fonction nommée «SplitArrayIntosubarrays«Cela prend deux paramètres« un tableau »et un« nombre de morceaux »pour diviser le tableau.
  • Itérer tout le tableau en utilisant le «pour" boucle.
  • Appelez la méthode Slice () pour trancher le tableau en morceaux.

Créez un tableau de nombres qui passeront à la fonction pour se diviser en petits tableaux:

CONSTAGE CONS = [6, 5, 1, 0, 2, 4, 6, 8, 1, 3, 5, 7, 9, 2];

Spécifiez le nombre de morceaux qui est «4»:

const subarrayelements = 4;

Appelez la fonction définie en passant le tableau et le nombre de petits tableaux comme arguments:

SplitArrayIntosubarrays (tableau, sous-crayons);

On peut voir que la sortie affiche quatre petits tableaux, trois d'entre eux sont égaux en taille:

Méthode 2: Divisez un tableau long en tableaux plus petits en utilisant la méthode Splice ()

Vous pouvez également utiliser le «épissure()«Méthode pour diviser un tableau en petits tableaux. Il modifie le tableau d'origine en ajoutant ou en supprimant des éléments et donne un tableau qui contient les éléments supprimés le cas échéant.

Syntaxe

La syntaxe suivante est utilisée pour la méthode Splice ():

Splice (début, fin)

Exemple

Créez un tableau de numéros:

const Array = [0, 2, 4, 6, 8, 10];

Appelez la méthode Splice () en passant le début et le compte final pour le premier tableau plus petit:

Var Array1 = Array.épissure (0, 3);

Imprimez le premier morceau d'un tableau:

console.log (array1);

Enfin, imprimez le tableau restant:

console.journal (tableau);

Sortir

Il s'agit de diviser les tableaux en tableaux plus petits en javascript.

Conclusion

Pour diviser un réseau long en tableaux plus petits, utilisez le «tranche()«Méthode ou le«épissure()" méthode. Les méthodes Slice () et Splice () dans JavaScript extraient des parties d'un tableau mais ont des cas d'utilisation et des résultats différents. Cet article a illustré la procédure de division d'un long tableau en petits tableaux en javascript.