No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Strings

11/24
Recursos

Este tipo de dato nos permite almacenar una cadena de caracteres.

Podemos definir un string con:

  1. Comillas simples:
let myProduct = 'Soda'; //CORRECTO
let comillasDobles = 'Puedo "usar" comillas dobles tambien'; //CORRECTO
let comillaInvalida = 'No puedo 'usar' otra vez una comilla simple'; //INCORRECTO

Se pueden usar comillas dobles dentro, m谩s no otra vez comillas simples.

  1. Comillas dobles:
let myProduct = "Soda"; //CORRECTO
let comillaSimple = "Puedo 'usar' comilla simple tambien"; //CORRECTO
let comillaInvalida = "No puedo "usar" otra vez las comillas dobles"; //INCORRECTO

Se puede usar comillas simples dentro, m谩s no otra vez comillas dobles.

  1. Usando backticks:
let myName = `Frank`;

Esta forma de asignar string trae algunas ventajas:

  • Declarar valores de m煤ltiples l铆neas:
let texto = `
    Nunca
    pares
    de aprender :)
`;
  • Concatenar dentro del mismo string. Para esto es necesario usar este s铆mbolo del d贸lar seguido de llaves ${} y escribir lo que queremos concatenar dentro de esas llaves:
let variableTitulo = "TypeScript";
let summary = `
    title: ${variableTitulo}
`;
  • Tambi茅n respeta la indentaci贸n:
let html= `
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
    ...
  </body>
</html>
`;

Contribuci贸n creada por: Mart铆n 脕lvarez.

Aportes 23

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

El uso de back tick鈥檚 se conoce como 鈥interpolaci贸n de strings鈥 y es sumamente 煤til para construir cadenas de forma muy sencilla, con la interpolaci贸n ya no necesitamos m茅todos de concatenaci贸n y aunque habr谩 casos en los que no se pueda usar, es muy conveniente aprenderlo, ver谩s que te facilita la vida.

Para el caso de cadenas de caracteres con ap贸strofe, puede hacerse tambi茅n de esta manera.

let myName = 'Hi, I\'m Cesar'
console.log(myName) // Hi, I'm Cesar
<back tick ( alt + 96) = ` `.
comillas simples (alt + 39) = ' '.> 

A qui茅n le pueda servir, esta extensi贸n de VSCode convierte cualquier string con double quotes o single quotes a template literals solo con introducir un ${} al string 馃槃

(() => {
    let productTitle = 'Balones';


    //nos arroja un error
    productTitle = null;
    productTitle = () => {};
    productTitle = 123;
    productTitle = 'guayos';
    console.log('productTitle', productTitle);

    //tambi茅n con comilla doble
    const productDescription = "guayos blablablabla";
    console.log('productDescription', productDescription);
    
    let isNew: boolean = false;
    let productPrice = 100;


    //con el backtick me permite concatenar y escribir en varias lineas 
    const summary = `
       title: ${productTitle}
       description: ${productDescription}
       price: ${productPrice}
       isNew: ${isNew}
    `;

    console.log('summary', summary);
})();

Consejo para ubicar siempre el backtick sin importar que teclado tengas es usando ASCII: memoriza atl + 96 y sha

Como conclusi贸n, usamos las comillas dobles cuando vamos a usar comillas simples dentro del texto y los backticks nos ayudan a usar multil铆nea e insertar variables de una manera mas c贸moda
.
Ah si鈥 y en relaci贸n a TS, podemos declarar que una variable es string de la siguiente manera

let name: string = "Irving"

back tick ( alt + 96) =
o generalemte junto a esc

Excelente curso!

tambien pueden utilizar la comilla simpel de esta manera

let phrase = 'Hello, i\'m the one who wrote this'

utilizando el backslash 鈥溾 pueden colocar valores como salto de linea, o comillas y mas.

alt + 96 => ``

Tip: Recuerden que siempre que tengan un caracter especial o dentro del mismo tipo de comillas necesiten colocar otra(s) igual(es) pueden colocar la \ antes de esa comilla adicional y ya ser谩 le铆da correctamente,

En windows alt + 96 para obtener la comilla francesa

`

Los que tengan MAC para el backticks o interpolar suele se esta tecla.

Comilla simple vs Comilla doble: Si deseamos utilizar comilla simple en un string, Ej: " I 鈥 m a software developer ", todo el string debe estar en tre comillas dobles.
Backticks: Permite manejar varables y concatenarlas de forma sencilla. Adem谩s te permite hacer saltos de l铆nea.

Si tienen teclado en ingles, en el mio es con la combinacion de teclas fn + esc
o si tienes un teclado con numeros a la derecha, se puede con la combinacion alt + 96. Esto sirve con cualquier teclado dsebido a que es ascii

hay una forma de que dentro de los strings te permita utilizar las comillas segun sea el caso.
Esta forma es 鈥渆scapando鈥 el caracter de la comilla con el backslash

e.g:

const aString = 'Hello \'budy\'!';
string !== String

Paso por ac谩 recomendando la extensi贸n de VSC llamada 鈥淭urbo Console Log鈥 esta simplemente con pulsar la combinacion de teclas CTRL + ALT + L nos hace un console log de la variable que queremos imprimir con detalles de la misma bien interesantes.

Back tick鈥檚 se saca con alt + 96

Si tienen su teclado en espa帽ol, usando Alt Gr + la tecla que tiene los s铆mbolos } ] ` podr谩n colocar el back tick.

el 鈥渂ack tick鈥 en windows tambi茅n se puede poner con AltGr + la tecla con la que cerramos las llaves }

Para hacer el 鈥渂ack tick鈥, podemos usar Alt + 96 o Alt + fn + 96