Dividir Array en N Trozos

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos el tema de la manipulación de arrays en JavaScript. Específicamente, nos centraremos en la tarea de dividir un array en trozos más pequeños de un tamaño especificado. A través de este laboratorio, aprenderás a utilizar los métodos integrados de JavaScript para manipular arrays de manera eficiente y efectiva. Al final de este laboratorio, habrás adquirido una comprensión más profunda de la manipulación de arrays en JavaScript y serás capaz de aplicar estas habilidades para resolver problemas del mundo real.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28620{{"Dividir Array en N Trozos"}} javascript/data_types -.-> lab-28620{{"Dividir Array en N Trozos"}} javascript/arith_ops -.-> lab-28620{{"Dividir Array en N Trozos"}} javascript/comp_ops -.-> lab-28620{{"Dividir Array en N Trozos"}} javascript/destr_assign -.-> lab-28620{{"Dividir Array en N Trozos"}} end

Cómo dividir un array en N trozos

Para dividir un array en n arrays más pequeños, sigue estos pasos:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
  2. Utiliza Math.ceil() y Array.prototype.length para calcular el tamaño de cada trozo.
  3. Utiliza Array.from() para crear un nuevo array de tamaño n.
  4. Utiliza Array.prototype.slice() para mapear cada elemento del nuevo array a un trozo de longitud size.
  5. Si el array original no se puede dividir uniformemente, el último trozo contendrá los elementos restantes.

A continuación, se muestra una implementación de ejemplo de la función chunkIntoN en JavaScript:

const chunkIntoN = (arr, n) => {
  const size = Math.ceil(arr.length / n);
  return Array.from({ length: n }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );
};

Puedes utilizar esta función para dividir un array en n trozos pasando el array y el número deseado de trozos como argumentos. Por ejemplo:

chunkIntoN([1, 2, 3, 4, 5, 6, 7], 4); // [[1, 2], [3, 4], [5, 6], [7]]

Resumen

¡Felicidades! Has completado el laboratorio Dividir Array en N Trozos. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.