Concatenar strings con JavaScript

En este tutorial aprenderemos cómo concatenar strings en JavaScript.

Con el signo +

En JavaScript la concatenación más común se hace con el signo +. Veamos un ejemplo

<script>
  //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"
</script>

Podemos abreviar utilizando los signos +=

<script>
  var texto = "Arbol";
  texto += " verde";
  //texto ahora vale "Arbol verde"
</script>

Concatenar variables

El signo + también se usa para concatenar variables

<script>
  //Declaramos la variable nombre
  var nombre = "Juan";
  //Declaramos la variable texto y concatenamos la variable nombre
  var texto = "El nombre es " + nombre;
</script>

La concatenación en JavaScript se suele usar en bucles

<script>
  //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"
</script>

Método concat()

Podemos concatenar strings con el método concat(), que devuelve un string. Veamos un ejemplo

<script>
  //Declaramos los strings
  var texto1 = "Hola";
  var texto2 = " que";
  var texto3 = " tal";
  //Método concat()
  var texto = texto1.concat(texto2, texto3);
  //texto vale ahora "Hola que tal"
</script>

Un ejemplo más para entender bien el método concat.

<script>
  //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"
</script>

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo