Métodos de Arrays Parte 3
Parte de la sección Fundamentos del Journey de JavaScript de Coddy. Lección 68 de 77.
Aquí tienes algunos métodos de arreglo más útiles:
1. concat(): Combina dos o más arreglos y devuelve un nuevo arreglo, sin modificar los arreglos originales.
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Salida: [1, 2, 3, 4]2. join(separator): Une todos los elementos de un arreglo en una cadena, separados por el separador especificado (opcional).
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Salida: "apple, banana, orange"3. slice(start, end): Extrae una sección de una matriz y devuelve una nueva matriz. El índice start es inclusivo y el índice end es exclusivo.
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Salida: [2, 3, 4]4. splice(start, deleteCount, item1, item2, ...): Cambia el contenido de una matriz eliminando, reemplazando o agregando elementos. Modifica la matriz original y devuelve una matriz que contiene los elementos eliminados (si los hay).
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Salida: [1, 2, 6, 7, 5]
console.log(removed); // Salida: [3, 4]5. split(separator, limit): Divide una cadena en una matriz de subcadenas según el separador especificado. La cadena original no se modifica. El parámetro opcional limit establece el número máximo de elementos de la matriz devuelta; el resto de la cadena se omite.
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result);
// Salida: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited);
// Salida: ["apple", "banana"]Desafío
FácilSe te proporciona una matriz numbers = [1, 2, 3, 4, 5]. Realiza los siguientes pasos e imprime los resultados directamente:
- Usa
concat()para añadir[6, 7, 8]al final de la matriz e imprime el resultado. - Usa
join()para convertir el resultado deconcat()en una cadena separada por comas e imprímela. - Usa
slice()para extraer los tres primeros elementos de la matriz originalnumberse imprímelos. - Usa
splice()para reemplazar el segundo elemento denumberspor99e imprime la matriznumbersmodificada.
Pruébalo tú mismo
let numbers = [1, 2, 3, 4, 5];Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
4Operadores Parte 2
Operadores lógicos Parte 1Operadores lógicos Parte 2Repaso - Lógica simpleOperadores lógicos Parte 3Coerción de tipos7Calculadora para dividir la cuenta
Mensaje de bienvenidaCálculo de la propina y el total10FizzBuzz con un giro
Descripción general del juegoLa función FizzBuzz13Rastreador de lista de compras
Descripción general del proyectoAñadir elemento2Variables
NúmerosStringBooleanConvenciones de nomenclaturaVariables vacíasResumen - Inicializar variablesConstantes5Toma de decisiones
Sentencia IfIf - ElseRepaso - Calculadora simpleIf - Else anidadosSentencia Switch3Operadores Parte 1
Operadores aritméticosOperador móduloAtajos aritméticosOperadores de comparaciónIgualdad estricta vs. débilResumen - Matemáticas simples6E/S Básica
SalidaSalida con variablesConversión de tipos - Parte 1Conversión de tipos - Parte 2Resumen - Hasta 120Resumen - Verdadero o Falso9Funciones
Declarar una funciónArgumentosRetornoRepaso - Función SigmaExpresión de funciónParámetros por defectoFunciones de flechaRepaso - Función de validación12Arrays Parte 2
Iterar sobre ArraysEl método forEachBucle for...ofResumen - Contador PSlicing de ArraysMétodos de Arrays Parte 3Métodos de Arrays Parte 4Comprobación de pertenenciaPractica por tu cuenta: Compilador de JavaScript online