Concatenar strings con JavaScript

Concatenar strings con JavaScript

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

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas