Concatenar strings en JavaScript con concat

Resumen: en este tutorial, aprenderás a usar el método concat() de JavaScript para concatenar strings (cadenas de texto).

Introducción al método concat() de String en JavaScript

El método String.prototype.concat() acepta una lista de cadenas de texto (string) y devuelve una nueva cadena que contiene las cadenas combinadas:

string.concat(str1, [...strN]);

Si los argumentos no son cadenas, concat() los convierte en cadenas antes de llevar a cabo la concatenación.

Se recomienda que utilices el operador + o += para la concatenación de cadenas para obtener un mejor rendimiento.

Ejemplos del método concat() de String en JavaScript

Tomemos algunos ejemplos del uso del método concat().

1) Concatenación de cadenas de texto

El siguiente ejemplo usa el método concat() para concatenar cadenas:

let greeting = 'Hi';
let message = greeting.concat(' ', 'John');

console.log(message);

Resultado:

Hi John

2) Concatenar una matriz de cadenas

El siguiente ejemplo usa el método concat() para concatenar un array de cadenas de texto:

let colors = ['Blue',' ','Green',' ','Teal'];
let result = ''.concat(...colors);

console.log(result);

Resultado:

Blue Green Teal

Ten en cuenta que antes del argumento de la matriz colors es el operador de dispersión (...) que desempaqueta los elementos de una matriz.

3) Concatenación de argumentos que no son cadenas

Este ejemplo concatena números en una cadena:

let str = ''.concat(1,2,3);
console.log(str);

Resultado:

123

En este ejemplo, el método concat() convierte los números 1, 2 y 3 en cadenas antes de concatenarlos.

Resumen

• El método concat() concatena una lista de cadenas y devuelve una nueva cadena que contiene las cadenas combinadas.
• Usa el operador + o += para concatenar cadenas para un mejor rendimiento.