Strings

Las cadenas de texto se usan de manera similar a los numeros pero con algunas diferencias. Para hacer que JS detecte un valor como string este debe estar rodeado por comillas (algunas comillas tiene particularidades que luego ire agregando).

En el caso de que el texto no tenga comillas antes y despues del texto o que directamente no tenga, estara siendo considerada como una palabra clave de js, nombre de variable, propiedad o similar.

En JS el uso de comillas simples o dobles es tomado como algo correcto, pero no utilizando una al inicio y otra al final. Ej:

let badQuotes = 'What on earth?"; //esto genera un error
let badQuotes = 'What on earth?'; //o una
let badQuotes = "What on earth?"; //o la otra xD

let sglDbl = 'Would you eat a "fish supper"?'; //un tipo de comilla dentro de otra
let dblSgl = "I'm feeling blue."; //sirve para evitar errores como el de abajo

Caracter de escape de una cadena

Los caracteres de escape sirven para hacer que JS entienda que cierto simbolo no hace parte del codigo sino que es parte del texto. Para esto se coloca una barra invertida \ justo antes del caracter que este dando problemas.

let bigmouth = 'I've got no right to take my place...'; //mismo tipo dentro dando error
bigmouth = 'I\'ve got no right to take my place...'; //corregido por medio del escape

Concatenar cadenas (strings)

Concatenar en la jerga de la programacion hace referencia a "unir", para concatenar strings se usa el operador +, esto lo que hace es unir la cadena de texto "A" con una cadena de texto "B" para formar una unica cadena "AB". Ej ⇒

let one = 'Hello, ';
let two = 'how are you?';
let joined = one + two;
joined; // output 'Hello, how are you?'

Concatenacion en contexto

<button>Press me</button> //en HTML creacion del elemento

const button = document.querySelector('button'); //seleccionamos el elemento HTML

button.onclick = function() { //se le agrega el evento click (de otra manera)
  let name = prompt('What is your name?'); //la variable name sera lo que se agregue en el input delprompt
  alert('Hello ' + name + ', nice to see you!'); 
/*Y por ultimo aparece esta alerta formada por la concatenacion
entre string literal y la variable name q antes le dimo un valor*/
}
//SUPER LINDO

Numbers vs Strings

Al concatenar strings y numbers no genera un error, el resultado sera que el numero sera considerado como string y se comportara como una concatenacion de strings.

'Front ' + 242;
//output "Front 242"

Estos modificadores de tipos de datos son muy utiles, un ejemplo clave es cuando conseguimos datos numericos de un campo de texto de un formulario, para manipular estos numeros primero tendriamos que pasarlos al tipo de dato numero Number().

Template literals (literales de plantilla)

Esta es una sintaxis nueva y mas flexible a la hora de usar.

Para convertir un string literal estandar en un template literal se deben cambiar las comillas comunes (' ' o " ") a comillas invertidas (` `).