Dividir una matriz en trozos en JavaScript

Dividir una matriz en trozos en JavaScript
Dos métodos dividen una matriz en JavaScript en trozos iguales más pequeños. Estos dos métodos usan splice () y slice (), respectivamente. Este artículo mostrará estos métodos para dividir una matriz en trozos más pequeños. Comencemos con el primero.

Método 1: Slice () para dividir una matriz en trozos

Para demostrar esto, primero, cree una matriz de enteros con la siguiente línea de código:

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

Luego, defina el tamaño de cada fragmento que se deriva de la matriz original:

chunksize = 2;

Después, simplemente use el para bucle para iterar a través de la matriz y crear una variable de matriz pedazo Con la ayuda del método SLICE () con las siguientes líneas de código:

para (i = 0; i < my_array.length; i += chunkSize)
Deja fragmento;
Chunk = my_array.rebanada (i, i + chunksize);
consola.log (fragmento);

En este fragmento de código:

  • para El bucle se usa para iterar a través de la matriz original, y para cada iteración, el valor de la variable de iterador (i) aumenta por el tamaño del fragmento para evitar volver a leer la misma fragmentación.
  • Dentro del bucle for, se crea una nueva variable de matriz se nombra pedazo
  • my_array.rebanada() corta una parte de la matriz basada en los argumentos y tiendas que en el pedazo variable
  • Al final, la función de registro de la consola imprime el fragmento en el terminal.

El fragmento de código completo es como:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
chunksize = 2;
para (i = 0; i < my_array.length; i += chunkSize)
Deja fragmento;
Chunk = my_array.rebanada (i, i + chunksize);
consola.log (fragmento);

Tras la ejecución, el fragmento de código anterior produce los siguientes resultados:

La salida muestra la matriz convertida en trozos más pequeños cada uno de tamaño 2.

Método 2: Uso de Splice () para dividir una matriz en trozos más pequeños

Para mostrar el uso del método Splice (), primero cree una nueva matriz con las siguientes líneas de código:

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

Defina el tamaño de la fragmentación al igual que en el primer método usando la siguiente línea:

chunksize = 4;

Después, un mientras() El bucle se usa en combinación con Splice () para iterar a través de la matriz:

mientras (my_array.longitud> 0)
Deja fragmento;
Chunk = my_array.empalme (0, chunksize);
consola.log (fragmento);

En este fragmento de código:

  • Se usa un bucle de tiempo para iterar a través de la matriz con la condición de que, si bien la longitud de la matriz es mayor que 0 porque el uso de Splice () reduce el tamaño de la matriz original.
  • Dentro del bucle While, se crea una variable de fragmento para almacenar cada fragmento.
  • Entonces, la variable de fragmento se establece igual a my_array.Método Splice (), que devuelve el fragmento de la matriz a partir del índice 0 ° hasta el índice decidido por el fragmento
  • Por último, imprima el fragmento en el terminal usando la función de registro de la consola

El fragmento de código completo es como:

my_array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
chunksize = 4;
mientras (my_array.longitud> 0)
Deja fragmento;
Chunk = my_array.empalme (0, chunksize);
consola.log (fragmento);

La ejecución de este código proporciona la siguiente salida:

Desde la salida está claro que el método Splice () divide la matriz en trozos cada uno de tamaño 4.

Conclusión

En JavaScript, el programador puede usar dos métodos para dividir o dividir una matriz en trozos más pequeños pero iguales. Estos métodos incluyen el uso del método SLICE () y el método de empalme () en combinación con en bucle y Mientras que el bucle. Este artículo ha mostrado el funcionamiento de ambos métodos con la ayuda de dos ejemplos.