Método concat() en JavaScript

En JavaScript el método concat() se puede usar con cadenas o arreglos. A continuación vamos a revisar su uso en cada caso y veremos algunos ejemplos.

Método concat() en Arrays

Este método nos permite unir dos o mas arreglos. Ten en cuenta que este método no cambia los arrays existentes, sino que devuelve un nuevo array que contiene los arreglos unidos.

Sintaxis

arreglo1.concat(arreglo2, arreglo3, ...arregloN);

En este ejemplo tenemos un arreglo de mamiferos y otro de aves, si queremos unir estos dos arreglos en uno solo que se llame animales, podemos hacerlo de la siguiente manera:

const mamiferos = ['perro', 'gato', 'vaca'];
const aves = ['paloma', 'aguila'];
const animales = mamiferos.concat(aves); // ["perro", "gato", "vaca", "paloma", "aguila"]

En el ejemplo anterior vimos como podemos unir arreglos, pero tambien podemos agregarle directamente nuevos elementos al arreglo simplemente pasando el valor o los valores que queremos agregarle. Por ejemplo:

const numeros = [1, 2, 3, 4];
numeros.concat(5, 6, 7); // [1, 2, 3, 4, 5, 6, 7]

Otro uso que se le conoce a este método es para clonar arrays en JavaScript, por ejemplo veamos este caso:

const arreglo = ['Karen', 'Ana', 'Salvador'];
const arregloClon = arreglo.concat(); // ["Karen", "Ana", "Salvador"]

Como explicamos al inicio el método concat siempre genera un nuevo array, entonces si nosotros le pasamos concat sin ningún argumento al arreglo que queremos clonar, este generará un nuevo arreglo con los mismos valores y de esta manera podemos asignarle a otra variable.

Método concat() en cadenas

En el caso de las cadenas, concat nos permite unir dos o mas cadenas y generar una nueva.

Sintaxis

cadena1.concat(cadena2, cadena3, ..., cadenaN)

Veamos un ejemplo para clarificar este método:

const nombres = 'Salvador';
const apellidos = 'Gonzales';
const nombresCompletos = nombres.concat(' ', apellidos); // "Salvador Gonzales"

Como podemos ver su uso es muy parecido a los arreglos. Ademas se suele usar mucho con arreglo en cadenas su uso es menos frecuente ya que tenemos otras opciones más comunes.