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’s 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 “escapando” 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 “Turbo 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’s 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 “back tick” en windows también se puede poner con AltGr + la tecla con la que cerramos las llaves }

Para hacer el “back tick”, podemos usar Alt + 96 o Alt + fn + 96