Tipo de datos String o cadenas de texto en JavaScript

Resumen: en este tutorial, aprenderás sobre el tipo string primitivo en JavaScript y cómo usarlo para definir cadenas de texto.

Introducción a string en JavaScript

Los string en JavaScript son valores primitivos. Además, los string son inmutables. Significa que, si modificas el valor de un string, siempre obtendrás una nueva cadena. La cadena de texto original no cambia.

Para crear strings, utilice comillas simples (') o comillas dobles (") como esta:

let str = 'Bienvenido';
let greeting = "Hola";

En ES6 se introdujo plantillas literales que te permiten definir una cadena de caracteres de acento grave (`):

let name = `John`';

Las plantillas literales te permiten usar comillas simples y comillas dobles dentro de una cadena sin necesidad de escaparlas. Por ejemplo:

let mesage = `"I'm good". She said";

Además, puedes colocar las variables y expresiones dentro de una plantilla literal. JavaScript reemplazará las variables con su valor en la cadena. Esto se llama interpolación de cadenas. Por ejemplo:

let name = 'John';
let message = `Hi, I'm ${name}.`;

console.log(message);

Resultado:

Hi, I'm John.

En este ejemplo, JavaScript reemplaza la variable de nombre con su valor dentro de la cadena de texto de la plantilla literal.

Caracteres especiales de escape

Los caracteres especiales de escape, utilice el carácter de barra invertida \. Por ejemplo:

• Salto de línea de Windows: '\r\n'
• Salto de línea Unix: '\n'
• Tab: '\t'
• Barra o diagonal invertida '\'

El siguiente ejemplo usa el carácter de barra invertida para imprimir el carácter de comilla simple en una cadena:

let str = 'I\'m a string!';

Obtener la longitud de una cadena de texto

La propiedad length devuelve la longitud de una cadena de texto:

let str = "Good Morning!";
console.log(str.length);  // 13

Ten en cuenta que JavaScript tiene el tipo String (con la letra S en mayúscula), que es el tipo contenedor primitivo del tipo de cadena primitivo. Por lo tanto, puedes acceder a todas las propiedades y métodos del tipo String desde una cadena primitiva.

Accediendo a caracteres

Para acceder a los caracteres de una cadena, utilice la notación [] similar a una matriz con el índice basado en cero. El siguiente ejemplo devuelve el primer carácter de una cadena con el índice cero:

let str = "Hello";
console.log(str[0]); // "H"

Para acceder al último carácter de la cadena, utiliza el índice de length - 1:

let str = "Hello";
console.log(str[str.length -1]); // "o"

Concatenar cadenas a través del operador +

Para concatenar dos o más cadenas, usa el operador +:

let name = 'John';
let str = 'Hello ' + name;

console.log(str); // "Hello John"

Si deseas concatenar una cadena pieza por pieza, puede usar el operador +=:

let className = 'btn';
className += ' btn-primary'
className += ' none';

console.log(className);

Resultado:

btn btn-primary none

Convertir valores a string

Para convertir un valor que no es una cadena a una cadena, utilice uno de los siguientes ejemplos:

• String (n);
• ” + n
• n.toString()

Ten en cuenta que el método toString() no funciona para undefined y null.

Cuando conviertes una cadena en un valor booleano, no puede volver a convertirla. Por ejemplo:

let status = false;
let str = status.toString(); // "false"
let back = Boolean(str); // true

En este ejemplo:

• Primero, declara la variable status e inicialízala con el valor false.
• En segundo lugar, convierte la variable status en una cadena mediante el método toString().
• En tercer lugar, vuelve a convertir la cadena en un valor booleano mediante la función Boolean(). La función Boolean() convierte la cadena "false" en un valor booleano. El resultado es verdadero porque "false" no es una cadena vacía.

Ten en cuenta que la única cadena para la que Boolean() devuelve false es la cadena vacía ('');

Comparando cadenas de texto

Para comparar dos strings, utiliza los operadores de comparación como >, >=, <, <= y ==.

Los operadores de comparación comparan cadenas en función de los valores numéricos de los caracteres. Y puedes devolver el orden de las cadenas que es diferente al que se usa en los diccionarios. Por ejemplo:

let result = 'a' < 'b';
console.log(result); // true

Sin embargo:

let result = 'a' < 'B';
console.log(result); // false

Resumen

• Los strings de JavaScript son valores primitivos e inmutables.
• Los strings están delimitados por comillas simples ('), comillas dobles (") o acentos graves (`).
• La propiedad length devuelve la longitud de la cadena de texto.
• Utiliza los operadores de comparación >, >=, <, <=, == para comparar cadenas.