Concatenar strings en JavaScript con concat

Estrada Web Group
Estrada Web Group
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.
Compartir artículo:

Más artículos geniales

¿Cómo validar un formulario con jQuery en solo dos minutos?

¿Cómo validar un formulario con jQuery en solo dos minutos?

Este tutorial te muestro cómo validar un formulario con jQuery de forma muy rápida y sencilla, para la demostración utilizaré un formulario de registro.

Ver artículo completo
Var, Let y Const en JavaScript: ¿cuál es la diferencia?

Var, Let y Const en JavaScript: ¿cuál es la diferencia?

En este artículo, analizare y tratare de explicar las diferencias entre var, let y const de JavaScript, además analizare su alcance, uso y sus mejoras. Una de las características que viene con ES6 es la adición de let y const, que se puede usar para la declaración de variables.

Ver artículo completo
Qué son las funciones anónimas de JavaScript

Qué son las funciones anónimas de JavaScript

Resumen: en este tutorial, aprenderás sobre las funciones anónimas de JavaScript.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla