Dividi un array in blocchi in javascript

Due metodi dividono un array in JavaScript in pezzi uguali più piccoli. Questi due metodi usano Splice () e Slice (), rispettivamente. Questo articolo visualizzerà questi metodi per dividere un array in blocchi più piccoli. Cominciamo con il primo.

Metodo 1: slice () per dividere un array in blocchi

Per dimostrare questo, in primo luogo, creare una serie di numeri interi con la seguente riga di codice:

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

Quindi, definisci le dimensioni di ogni pezzo che deve essere derivato dall'array originale:

chunksize = 2;

Successivamente, usa semplicemente il file per Loop per iterare attraverso l'array e creare una variabile di array pezzo Con il metodo dell'aiuto di Slice () con le seguenti righe di codice:

per (i = 0; i < my_array.length; i += chunkSize)
Lascia che Chunk;
chunk = my_array.slice (i, i + chunksize);
console.log (chunk);

In questo frammento di codice:

• per Loop viene utilizzato per iterare attraverso l'array originale e per ogni iterazione, il valore della variabile iteratore (i) è aumentato dalla dimensione del pezzo per evitare di rileggere lo stesso pezzo.
• All'interno del ciclo per, viene creata una nuova variabile di array pezzo
• my_array.fetta() taglia un pezzo dall'array in base agli argomenti e nei negozi che nel pezzo variabile
• Alla fine, la funzione di registro della console stampa il blocco sul terminale.

Lo snippet completo del codice è come:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
chunksize = 2;
per (i = 0; i < my_array.length; i += chunkSize)
Lascia che Chunk;
chunk = my_array.slice (i, i + chunksize);
console.log (chunk);

All'esecuzione, lo snippet di codice sopra produce i seguenti risultati:

L'uscita visualizza l'array convertito in blocchi più piccoli ciascuno della dimensione 2.

Metodo 2: usando Splice () per dividere un array in blocchi più piccoli

Per mostrare l'uso del metodo Splice (), crea prima un nuovo array con le seguenti righe di codice:

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

Definire le dimensioni di chunk proprio come nel primo metodo usando la riga seguente:

chunksize = 4;

Successivamente, a Mentre() Loop viene utilizzato in combinazione con splice () per iterare attraverso l'array:

mentre (my_array.lunghezza> 0)
Lascia che Chunk;
chunk = my_array.giunzione (0, chunksize);
console.log (chunk);

In questo frammento di codice:

• Un ciclo while viene usato per iterare attraverso l'array con la condizione che mentre la lunghezza dell'array è maggiore di 0 perché l'uso di Splice () riduce la dimensione dell'array originale.
• All'interno del ciclo while, viene creata una variabile di blocco per archiviare ogni pezzo.
• Quindi, la variabile chunk è impostata uguale a my_array.Metodo Splice (), che restituisce il blocco dall'array a partire dall'indice 0 ° all'indice deciso dal chunksize
• Infine, stampare il blocco sul terminale utilizzando la funzione del registro della console

Lo snippet completo del codice è come:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
chunksize = 4;
mentre (my_array.lunghezza> 0)
Lascia che Chunk;
chunk = my_array.giunzione (0, chunksize);
console.log (chunk);

L'esecuzione di questo codice fornisce il seguente output:

Dall'output è chiaro che il metodo Splice () divide l'array in blocchi ciascuno della dimensione 4.

Conclusione

In JavaScript, il programmatore può utilizzare due metodi per dividere o dividere un array in blocchi più piccoli ma uguali. Questi metodi includono l'uso del metodo Slice () e il metodo Splice () in combinazione con per loop E mentre loop. Questo articolo ha mostrato il funzionamento di entrambi i metodi con l'aiuto di due esempi.