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 arreglos es una forma conveniente de extraer múltiples valores de un arreglo y asignarlos a variables en una sola sentencia. Utiliza una sintaxis que refleja la estructura de un literal de arreglo.
Sintaxis básica:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Puedes omitir elementos:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Puedes 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
Desafío
FácilCrea una función llamada analyzeArray que reciba un array como argumento. La función debe utilizar 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 arraysecond: El segundo elemento del arraylast: El último elemento del arrayrestLength: El número de elementos restantes en el array
Si alguno de estos elementos no existe, utiliza valores por defecto de null.
Hoja de referencia
La desestructuración de arreglos extrae múltiples valores de un arreglo y los asigna a variables en una sola sentencia:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Omite elementos dejando espacios vacíos:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Usa 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]Proporciona valores predeterminados para los elementos faltantes:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3Pruébalo tú mismo
function analyzeArray(arr) {
// Escribe tu código aquí
}
Ponte a pruebaEsta 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 Weaver4JSON Parte 2
Iterar sobre JSONJSON anidadoEncadenamiento opcional en JSONCopia superficial y profundaResumen - Tienda de bicicletasResumen - Sistema solar7Sistema de Gestión de Biblioteca
Descripción general del proyectoAñadir libros
Buscar por títuloFiltrar por géneroMarcar como leído10Gestionar el sistema del festival
Descripción general del proyectoAñadir películas y sedesAñadir proyeccionesComprar entradasCalificar películasCancelar proyecciones2Arreglos 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 arreglos5Conjuntos 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 conjuntos8Temas interesantes de Arrays
Desestructuración de ArraysSintaxis Spread en ArraysArrays dispersosResumen - Taller de Arrays3JSON 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