Concatenar strings con JavaScript

Concatenar strings con JavaScript

En JavaScript la concatenación de strings se realiza utilizando el caracter «+» o «+=». Vamos a ver algunos ejemplos de los usos más comunes.

Concatenar con el signo +

Veamos un ejemplo básico con el signo «+»

// Declaramos la variable texto vacía
var texto = "";
// Añadimos un string a la variable texto
texto = "El abuelo";
// Ahora concatenamos otro string con el signo +
texto = texto + " de María.";
// texto ahora vale "El abuelo de María"

Siguiendo el ejemplo anterior, podemos utilizar los signos «+=»

var texto = "Arbol";
texto += " verde";
// texto ahora vale "Arbol verde"

Concatenar variables

En el siguiente ejemplo vamos a concatenar 2 variables de tipo string

// Primera variable
var primera = "El abuelo";
// Segunda variable
var segunda = "de María";
var texto = primera + " " + segunda;
// texto vale "El abuelo de María"

Otro ejemplo un poco más completo

// Declaramos dos strings
var texto1 = "Carlos";
var texto2 = "19";
var texto = "Mi amigo se llama " + texto1 + " y tiene " + texto2 + " años";
// texto vale ahora "Mi amigo se llama Carlos y tiene 19 años"

Concatenar en un bucle

En el siguiente ejemplo vamos a generar un string a partir de un array

// Declaramos un array de frutas
var frutas = ["limón", "Pera", "Manzana"];
// Declaramos la variable texto
var texto = "";
// Usamos un bucle for para recorrerlo
for(var i = 0; i < frutas.length; i ++){
  // Concatenamos la variable y una coma
  texto += frutas[i] + ",";
}
// texto ahora es un string: "limón,Pera,Manzana"

Método concat de JavaScript

El método concat nos permite concatenar varios strings de una manera sencilla. Vamos a ver un ejemplo

// Declaramos los strings
var texto1 = "Hola";
var texto2 = "¿Cómo estás?";
// Método concat()
var texto = texto1.concat(texto2);
// texto vale ahora "Hola¿Cómo estás?"

Otro ejemplo para entender bien cómo usar el método concat

// Declaramos dos strings
var texto1 = "Hola";
var texto2 = "mi nombre es";
// Método concat
var texto = texto1.concat(", " + texto2, " Camilo");
// texto vale ahora "Hola, mi nombre es Camilo"

Más tutoriales de JavaScript