Strings y texto

¡Bienvenido al mundo del texto en JavaScript! Cuando ves un mensaje de bienvenida en un sitio web, un nombre de usuario en una pantalla o un aviso de error, estás viendo texto. En esta lección, aprenderás cómo escribir texto en tu código y combinar palabras para crear mensajes útiles.

Qué es un string

En programación, un fragmento de texto se llama string. Puedes imaginarlo como una línea formada por letras, números o símbolos. Un string puede ser tan corto como una sola letra o tan largo como un libro completo.

Cómo escribir strings con comillas

Para decirle a JavaScript que una palabra es texto y no un comando o una pieza de código, debes envolverla en comillas.

JavaScript te da tres formas de envolver tu texto:

• Comillas simples: 'Hola'
• Comillas dobles: "Hola"
• Backticks: `Hola`

Las tres formas son válidas y funcionan bien para escribir texto básico.

Combinar strings con variables

Muchas veces querrás mezclar texto normal con una variable (un contenedor con nombre que guarda datos). Por ejemplo, podrías querer que un programa diga "Hola" seguido del nombre específico de un usuario.

Cuando quieres combinar texto y variables fácilmente, los backticks suelen ser la opción más sencilla. Los backticks te permiten insertar variables directamente dentro del texto usando un marcador especial como este: ${variableName}.

Primer ejemplo de código

Así creamos un saludo personalizado simple y lo mostramos en la sección de salida usando console.log().

const firstName = "Alex";
const greeting = `Hola, ${firstName}!`;
console.log(greeting);

Explicación paso a paso

Veamos exactamente qué está pasando en el código de arriba:

• const firstName = "Alex"; Creamos una variable llamada firstName y guardamos el string "Alex" dentro de ella. Aquí usamos comillas dobles para envolver el texto.
• const greeting = `Hola, ${firstName}!`; Creamos una segunda variable llamada greeting. Usamos backticks para poder colocar la variable firstName directamente en medio del texto con el marcador ${}.
• console.log(greeting); Usamos el comando console.log() para enviar nuestro mensaje final a la sección de salida debajo del código. Después de hacer clic en Ejecutar, deberías ver: Hola, Alex!.

Mini tarea

Pruébalo en el bloque de código editable de arriba.

1. Cambia "Alex" por tu propio nombre.
2. Haz clic en Ejecutar.
3. Revisa la salida debajo del código y observa cómo se actualiza el mensaje.

Quiz corto

Pregunta: ¿Qué carácter es más útil cuando quieres combinar texto con una variable fácilmente? A) Comillas simples (') B) Comillas dobles (") C) Backticks (`)

Respuesta: C. Los backticks son especiales porque te permiten usar el marcador ${} para insertar variables directamente dentro de tus strings.

Pequeño desafío

¿Puedes escribir un programa corto que muestre un mensaje sobre tu color favorito?

1. Crea una variable llamada favoriteColor y asígnale un string, como "blue" o "green".
2. Crea una variable llamada message usando backticks.
3. Usa los backticks y tu variable para crear el mensaje "My favorite color is blue."
4. Muestra message en la sección de salida usando console.log().

// escribe tu código abajo

console.log()

Resumen

• Un string es el término de programación para texto.
• Los strings deben estar envueltos en comillas simples, comillas dobles o backticks para funcionar correctamente.
• Los backticks son muy útiles porque permiten combinar texto y variables para crear mensajes dinámicos y personalizados.
• Puedes usar console.log() para enviar tus strings a la sección de salida y ver los resultados de tu código.