Menu
Coddy logo textTech
EMPEZAR A APRENDER
flag Es iconEspañoldown icon

Desestructuración de Arrays

Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy. Lección 47 de 65.

La desestructuración de arrays es una forma práctica de extraer varios valores de un array y asignarlos a variables en una sola instrucción. Utiliza una sintaxis que refleja la estructura de un literal de array.

Sintaxis básica:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Puedes omitir elementos:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

Puedes usar parámetros rest para capturar los elementos restantes:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

Puedes proporcionar valores predeterminados:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3
challenge icon

Desafío

Fácil

Crea una función llamada analyzeArray que acepte un array como argumento. La función debe usar la desestructuración de arrays para extraer el primer, segundo y último elemento del array. Debe devolver un objeto con las siguientes propiedades:

  • first: El primer elemento del array
  • second: El segundo elemento del array
  • last: El último de los elementos que aparecen después del segundo (null cuando el array tiene dos elementos o menos)
  • restLength: Cuántos elementos se encuentran entre el segundo y last (el array ...rest con last retirado)

Si alguno de estos elementos no existe, usa valores predeterminados de null. Ejemplo: para [1, 2, 3, 4, 5], el resultado es { first: 1, second: 2, last: 5, restLength: 2 }; para [42], es { first: 42, second: null, last: null, restLength: 0 }.

Pruébalo tú mismo

function analyzeArray(arr) {
  // Escribe tu código aquí
}
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Lógica y Flujo

1Strings en profundidad

Fundamentos de stringsIterar sobre stringsTemplate LiteralsMétodos de stringsResumen - String Weaver

4JSON Parte 2

Iterar sobre JSONJSON anidadoEncadenamiento opcional en JSONCopia superficial y profundaResumen - Tienda de bicicletasResumen - Sistema solar

7Sistema de Gestión de Biblioteca

Descripción general del proyectoAñadir librosLección de proyectoBuscar por títuloLección de proyectoFiltrar por géneroLección de proyectoMarcar como leídoLección de proyecto

10Gestionar el sistema del festival

Descripción general del proyectoAñadir películas y sedesLección de proyectoAñadir proyeccionesLección de proyectoComprar entradasLección de proyectoCalificar películasLección de proyectoCancelar proyeccionesLección de proyecto

2Arreglos multidimensionales

Conceptos básicos de arreglos 2DAcceso a elementos de arreglos 2DBucles anidados con arreglos 2DResumen - Arreglos 2DSuma y resta de matricesArreglos irregulares (Jagged Arrays)Arreglos 3D y más alláPatrones comunes en arreglos 2DResumen - Todo sobre arreglos

5Conjuntos Parte 1

¿Qué es un conjunto?Iterar sobre conjuntosAñadir un elementoEliminar un elementoComprobar si un elemento existeTamaño y Is EmptyCopy y ClearResumen - Conceptos básicos de conjuntos

8Temas interesantes de Arrays

Desestructuración de ArraysSintaxis Spread en ArraysArrays dispersosResumen - Taller de Arrays

3JSON Parte 1

¿Qué es un JSON?Comprobar si existe una claveMétodos de objetoEl Spread Operator Parte 1El Spread Operator Parte 2Eliminar clavesResumen - Manipular claves de JSON

6Conjuntos Parte 2

Matemáticas - Unión de conjuntosMatemáticas - Intersección de conjuntosMatemáticas - Diferencia de conjuntosMatemáticas - Diferencia simétricaSubconjuntos y superconjuntosRepaso - Agrupar amigos

9Métodos avanzados de Arrays

Los métodos Join y SplitEl método MapEl método FilterEl método ReduceEncadenamiento de métodos de Arrays¿Son iguales ForEach y Map?El método SortLos métodos Find y FindIndexResumen - El maestro del encadenamiento

Practica por tu cuenta: Compilador de JavaScript online