JavaScript ofrece un potente conjunto de métodos de matriz integrados que facilitan mucho el trabajo con datos.

En esta publicación, exploraremos cuatro métodos de matriz de uso común: concat(), reverse(), fill() y join().

Cada uno de estos métodos es una herramienta valiosa para manipular matrices de diferentes maneras. ¡Vamos a sumergirnos!

Si aún no has leído nuestra publicación anterior, ¡asegúrate de consultar la Parte 1 para conocer más técnicas de matrices útiles! Esto le brindará una descripción completa de métodos de matriz aún más poderosos.

1. concat()

El método concat() le permite fusionar múltiples matrices o valores en una nueva matriz. No modifica la matriz original pero devuelve una nueva con los contenidos combinados.

Sintaxis:

arr.concat(value1, value2, ...);

• valor1, valor2, ... – Pueden ser matrices o valores para fusionar.

Si el argumento es una matriz, se copian todos los elementos de esa matriz; de lo contrario, se copia el argumento en sí.

Ejemplo:

const arr = [1, 2];

// Merging arr with another array [3, 4]
const arr1 = arr.concat([3, 4]);
console.log(arr1);  // Output: [1, 2, 3, 4]

// Merging arr with two arrays [3, 4] and [5, 6]
const arr2 = arr.concat([3, 4], [5, 6]);
console.log(arr2);  // Output: [1, 2, 3, 4, 5, 6]

// Merging arr with two arrays and additional values 5 and 6
const arr3 = arr.concat([3, 4], 5, 6);
console.log(arr3);  // Output: [1, 2, 3, 4, 5, 6]

2. revertir()

El método reverse() invierte el orden de los elementos en la matriz original. A diferencia de otros métodos de matriz, inversa() modifica la matriz original en el lugar y también la devuelve.

Sintaxis:

arr.reverse();

Ejemplo:

const arr = [1, 2, 3, 4, 5];

// Reverses the array in place and returns the reversed array
const reversedArr = arr.reverse();
console.log(reversedArr);  // Output: [5, 4, 3, 2, 1]

// Original array is also reversed
console.log(arr);  // Output: [5, 4, 3, 2, 1]

3. llenar()

El método fill() llena todos los elementos de una matriz con un valor específico. Es un método mutador, lo que significa que modifica la matriz original y devuelve la versión actualizada.

Sintaxis:

arr.fill(value, start, end)

• valor – El valor con el que llenar la matriz.
• start (opcional): el índice inicial (el valor predeterminado es 0).
• end (opcional): el índice final (el valor predeterminado es arr.length).

Importante: el índice final no está incluido; actúa como un límite exclusivo. Esto significa que el relleno se detendrá justo antes del elemento al final del índice.

Ejemplo:

const nums1 = [15, 27, 19, 2, 1];
const nums2 = [25, 28, 34, 49];
const nums3 = [8, 9, 3, 7];

// Fill all elements with 5
const newNums1 = nums1.fill(5);
console.log(nums1);  // Output: [5, 5, 5, 5, 5]
console.log(newNums1);  // Output: [5, 5, 5, 5, 5]

// Fill elements from index 1 to 3 with 25
nums2.fill(25, 1, 3);
console.log(nums2);  // Output: [25, 25, 25, 49]

// Fill elements from index -2 to end with 15 (negative index counts from the end)
nums3.fill(15, -2);
console.log(nums3);  // Output: [8, 9, 15, 15]

4. unirse ()

El método join() une todos los elementos de una matriz en una sola cadena. De forma predeterminada, los elementos están separados por una coma, pero puedes especificar un separador personalizado.

Sintaxis:

arr.join(separator);

• separador (opcional): una cadena utilizada para separar los elementos de la matriz (el valor predeterminado es ,).

Ejemplo:

const movies = ["Animal", "Jawan", "Pathaan"];

// Join elements with a custom separator " | "
const moviesStr = movies.join(" | ");
console.log(moviesStr);  // Output: "Animal | Jawan | Pathaan"

// The original array remains unchanged
console.log(movies);  // Output: ["Animal", "Jawan", "Pathaan"]

// Join elements with no separator
const arr = [2, 2, 1, ".", 4, 5];
console.log(arr.join(""));  // Output: "221.45"

// Join elements with a custom separator " and "
const random = [21, "xyz", undefined];
console.log(random.join(" and "));  // Output: "21 and xyz and "

Conclusión

Los métodos concat(), reverse(), fill() y join() son herramientas poderosas para trabajar con matrices en JavaScript.

• concat() combina matrices y valores en una nueva matriz.
• reverse() invierte el orden de los elementos en su lugar.
• fill() reemplaza los elementos de la matriz con un valor específico.
• join() une elementos de la matriz en una cadena, con un separador personalizable.

Estos métodos son esenciales para una manipulación efectiva de matrices y pueden ayudar a que su código sea más limpio y eficiente.