tutz

Tipo de dato String (cadena) en JavaScript

El tipo de dato String representa una secuencia de cero o más caracteres Unicode 16-bit. Para representar una cadena puedes usar comillas simples ('), comillas dobles o backticks (`).

Ejemplos:

const firstName = 'Ana';
const lastName = 'Gonzales';
const fullName = `Ana Gonzales`;

Caracteres literales

El tipo String incluye varios caracteres literales para representar caracteres no imprimibles o útiles, como se muestra en la siguiente tabla:

LiteralSignificado
\nNueva linea
\tTab
\bBackspace (Retroceso)
\rRetorno
\fFomulario de alimentación
\Backslash
\'Comilla simple usada dentro de una cadena
\"Comilla doble usada dentro de una cadena
`Backstick usado dentro de una cadena

Inmutabilidad

Las cadenas en JavaScript son inmutables, esto significa que una vez que han sido creadas, su valor no puede cambiar.

Para cambiar la cadena que tiene una variable, la cadena original debe ser destruida y luego llenar la variable con otra cadena.

let dogName = 'Luna';
dogName = 'Sol';

En este caso la variable dogName es definida con Luna en la primera línea, luego se le asigna otra cadena. Detras de esto lo que pasa es que la cadena 'Luna' es destruida y se crea otra cadena 'Sol' que se le asigna a la variable que ya existia.

Convertir a cadena

Hay dos maneras de convertir un valor a un tipo de dato String.

ToString()

La primera forma es usando el método toString(), este método esta disponible en la mayoria de los tipos de datos disponibles en JavaScript.

  • Números
  • Booleanos
  • Cadenas (devuelve una copia de la cadena)
  • Objetos

Ejemplo:

const age = 32;
const ageAsString = age.toString(); // "32"
const isTomorrow = false;
const isTomorrowAsString = isTomorrow.toString(); // "false"

String()

Otra forma de convertir a cadena es usando la función String(). Esta función sigue las siguiente reglas:

  • Si el valor tiene el método toString(), entonces se llamada a este método sin argumentos y el resultado se devuelve.
  • Si el valor es null, entonces retorna "null"
  • Si el valor es undefined, entonces retorna "undefined"
String(true); // "true"
String(1); // "1"
String(null); // "null"
String(undefined); // "undefined"

Las cadenas en JavaScript son uno de los principales tipos de datos que seguro vas a usar en tus proyectos. Asegurate de comprender bien de que trata y como manejarlos.