Concatenación

En los ejercicios anteriores usamos números y operaciones aritméticas. Pero cada tipo de dato tiene sus propias operaciones. Por ejemplo, las cadenas no se suman: se concatenan.

La operación más común con cadenas es justamente esa unión de textos, es decir, la concatenación:

let name = 'Cupcake';

// Fíjese en los espacios
'Hola' + 'Cupcake';  // Resultado: 'HolaCupcake'
'Hola ' + 'Cupcake'; // Resultado: 'Hola Cupcake'
'Hola ' + name;      // Resultado: 'Hola Cupcake'

Para concatenar cadenas se usa el mismo símbolo que para sumar números: el signo más. JavaScript mira los tipos de los operandos: si son cadenas, las une; si son números, los suma.

¿Y qué pasa si los operandos son de tipos distintos? Por ejemplo:

'Tiempo, min: ' + 50; // Resultado: 'Tiempo, min: 50'
'2' * 50;             // Resultado: 100

En ese caso JavaScript intentará convertir los operandos a un mismo tipo y ejecutar la operación.

El signo más puede significar suma o concatenación. Pero si uno de los operandos es una cadena, el número se convierte en texto y lo que ocurre es una concatenación.

El asterisco es el signo de multiplicación y no funciona con cadenas. Por eso JavaScript intenta convertir la cadena '2' en número, y entonces el resultado es 100.

Hay muchos casos como este en JavaScript y más adelante los veremos con calma. Por ahora basta con recordar lo principal: la concatenación ayuda a que los mensajes del programa sean más claros.

Veamos cómo funciona en la práctica.