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