JavaScript: Concatenación
En el desarrollo web, los programas operan constantemente con cadenas de texto. Todo lo que vemos en los sitios web está representado de alguna manera como texto. Este texto suele ser dinámico, es decir, se obtiene a partir de diferentes partes que se unen. La operación de unir cadenas en programación se llama concatenación.
// El operador es el mismo que para sumar números
// pero aquí tiene un significado diferente (semántica)
console.log('Dragon' + 'stone');
// => Dragonstone
La concatenación de cadenas siempre ocurre en el mismo orden en el que se escriben los operandos. El operando izquierdo se convierte en la parte izquierda de la cadena, y el operando derecho en la parte derecha.
Aquí hay algunos ejemplos adicionales:
console.log('Kings' + 'wood'); // => Kingswood
// Orden inverso de las palabras
console.log('road' + 'Kings'); // => roadKings
// Se pueden concatenar cadenas de cualquier tipo
console.log("King's" + 'Landing'); // => King'sLanding
Como puedes ver, puedes concatenar cadenas incluso si están escritas con diferentes tipos de comillas.
En el último ejemplo, el nombre de la ciudad se escribió incorrectamente: King's Landing debe escribirse con un espacio. Pero en nuestras cadenas iniciales no había espacios, y los espacios en el código a la izquierda y a la derecha del símbolo + no importan, ya que no forman parte de las cadenas.
Hay dos formas de solucionar esta situación:
// Ambas formas son equivalentes
// Agregar un espacio en la parte izquierda
console.log("King's " + 'Landing'); // => King's Landing
// Agregar un espacio en la parte derecha
console.log("King's" + ' Landing'); // => King's Landing
Un espacio es simplemente un símbolo más, al igual que los demás. Cuantos más espacios haya, más anchos serán los espacios:
console.log("King's " + ' Landing'); // => King's Landing
console.log("King's " + ' Landing'); // => King's Landing
https://replit.com/@hexlet/js-basics-strings
Tarea
Muestra en la pantalla
Winter came for the House of Frey.
utilizando la concatenación de palabras.
¿El ejercicio no pasa la prueba, qué debo hacer? 😶
Si te quedaste atascado, es el momento perfecto para hacer una pregunta en las "Discusiones".
* Asegúrate de incluir la salida de las pruebas. Sin ella, es casi imposible entender qué está mal, incluso si muestras tu código. Los programadores tienen dificultades para ejecutar el código en su mente, pero casi siempre es posible entender a dónde mirar a partir del error que recibiste.
Mi código funciona en mi entorno, pero no aquí 🤨
Las pruebas están diseñadas de manera que verifican la solución de diferentes maneras y con diferentes datos. A menudo, una solución funciona con ciertos datos de entrada pero no con otros. Para entender este punto, revisa la pestaña "Pruebas" y presta atención a los mensajes de error, que suelen contener pistas.
Mi código es diferente a la solución del profesor 🤔
Esto es normal 🙆. En programación, una tarea puede tener muchas soluciones diferentes. Si tu código pasa la prueba, cumple con los requisitos de la tarea.
En raras ocasiones, la solución puede estar ajustada para pasar las pruebas, pero esto suele ser evidente.
Leí la lección, pero no entendí nada 🙄
Crear materiales de aprendizaje comprensibles para todos es bastante difícil. Hacemos nuestro mejor esfuerzo, pero siempre hay margen para mejorar. Si encuentras material que no entiendes, describe el problema en las "Discusiones". Es ideal si puedes formular los aspectos que no entiendes en forma de preguntas. Por lo general, necesitamos unos días para hacer mejoras.
Por cierto, tú también puedes contribuir a mejorar los cursos: en la parte inferior hay un enlace al código fuente de las lecciones, que se puede modificar directamente en el navegador.
Consejos útiles
Si hay una línea
// BEGINy// ENDen el editor, el código debe escribirse entre estas líneas.
Definiciones
Concatenación — la operación de unir dos cadenas. Por ejemplo,
console.log("King's " + ' Landing');