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 array útiles adicionales:

1. concat(): Combina dos o más arrays y devuelve un nuevo array, sin modificar los arrays originales.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Resultado: [1, 2, 3, 4]

2. join(separator): Une todos los elementos de un array 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 un array y devuelve un nuevo array. 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); // Resultado: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...): Cambia el contenido de un array eliminando, reemplazando o agregando elementos. Modifica el array original y devuelve un array 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); // Resultado: [1, 2, 6, 7, 5]
console.log(removed); // Resultado: [3, 4]

5. split(separator, limit): Divide una cadena en un array de subcadenas basándose en el separador especificado. La cadena original no se modifica. El parámetro opcional limit controla el número máximo de divisiones.

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ácil

Se te da un array 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 del array e imprime el resultado.
Usa join() para convertir el resultado de concat() en una cadena separada por comas e imprímela.
Usa slice() para extraer los tres primeros elementos del array original numbers e imprímelos.
Usa splice() para reemplazar el segundo elemento de numbers con 99 e imprime el array numbers modificado.

Hoja de referencia

Métodos de array para manipulación y extracción:

concat(): Combina arrays sin modificar los originales

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Resultado: [1, 2, 3, 4]

join(separator): Une los elementos de un array en una cadena

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Resultado: "apple, banana, orange"

slice(start, end): Extrae una sección de un array (inicio inclusivo, fin exclusivo)

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Resultado: [2, 3, 4]

splice(start, deleteCount, item1, item2, ...): Modifica el array original eliminando/reemplazando/añadiendo elementos

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Resultado: [1, 2, 6, 7, 5]
console.log(removed); // Resultado: [3, 4]

split(separator, limit): Divide una cadena en un array de subcadenas

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // Resultado: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited); // Resultado: ["apple", "banana"]

Pruébalo tú mismo