Método concat en JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 23 de mayo de 2024 | Tiempo de Lectura: 2 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Los métodos en JavaScript, como el método concat en JavaScript, son funciones que pertenecen o se relacionan con el comportamiento de un objeto en específico. Por ello, son una parte fundamental de la programación funcional, un estilo de programación que se centra en las funciones para ejecutar las acciones del programa. Dentro de esta categoría, se encuentran los métodos para manipular los arrays. En este post, te enseñaremos cómo funciona el método concat en JavaScript, uno de los métodos para manipular los elementos de un array.

¿Qué es el método concat en JavaScript?

El método concat en JavaScript es una de las funciones predeterminadas de este lenguaje de programación que nos permite manipular los elementos de un array. Un array, también conocido como arreglo en español, es un conjunto de elementos separados por comas. Esto lo convierte en un tipo de lista de elementos.

Entonces, lo que hace el método concat en JavaScript es unir los elementos de dos o más arrays en un nuevo array. Puede que esta función ya la hayas escuchado antes, pues otros elementos como el spread operator de JavaScript logran los mismos resultados. Además, el elemento object.assign de JavaScript también logra efectos similares con los objetos literales. Sin embargo, este método es especialmente usado para arrays.

El método concat en JavaScript funciona como muchos otros métodos. Al inicio, se inserta un array, luego el método y, por último, una función entre paréntesis. La diferencia aquí es que en este método se utiliza el siguiente array como la función entre paréntesis. A continuación, te ponemos un ejemplo con dos arrays:

const arrayVerduras = [‘tomate’, ‘cebolla’, ‘lechuga’];
const arrayIngredientes = [‘queso’, ‘pan’, ‘hamburguesa’];
const array3 = arrayVerduras.concat(arrayIngredientes);

console.log(array3);

// resultado esperado: [«tomate», «cebolla», «lechuga», «queso», «pan», «hamburguesa»]


Como ves, el método concat nos permite unir el contenido de dos arrays fácilmente y crea un nuevo array para expresar la unión. Ahora, esto también se puede hacer con más de dos arrays. Para unir más de dos arrays, basta con insertar los demás dentro del paréntesis, separados por comas. A continuación, te mostramos un ejemplo:

const arrayVerduras = [‘tomate’, ‘cebolla’, ‘lechuga’];
const arrayIngredientes = [‘queso’, ‘pan’, ‘hamburguesa’];

const arraySalsas = [‘mayonesa’, ‘ketchup’]
const array3 = arrayVerduras.concat(arrayIngredientes, arraySalsas);

console.log(array3);

Como ves, el método `concat` nos permite unir el contenido de dos arrays fácilmente y crea un nuevo array para expresar la unión. Ahora, esto también se puede hacer con más de dos arrays. Para unir más de dos arrays, basta con insertar los demás dentro del paréntesis, separados por comas. A continuación, te mostramos un ejemplo: const arrayVerduras = [‘tomate’, ‘cebolla’, ‘lechuga’]; const arrayIngredientes = [‘queso’, ‘pan’, ‘hamburguesa’]; const arraySalsas = [‘mayonesa’, ‘ketchup’]; const array3 = arrayVerduras.concat(arrayIngredientes, arraySalsas); console.log(array3);

Ahora que sabes qué es el método concat en JavaScript, te invitamos a seguir aprendiendo sobre los distintos elementos de este lenguaje de programación en nuestra formación intensiva: el Desarrollo Web Full Stack Bootcamp. Allí seguirás aprendiendo a dominar JavaScript, además de aprender sobre otros lenguajes de programación, como CSS y HTML. ¡Anímate a seguir aprendiendo con nosotros para convertirte en desarrollador web!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado