JavaScript Cadenas
Las cadenas de JavaScript sirven para almacenar y manipular texto.
Una cadena de JavaScript es cero o más caracteres escritos entre comillas.
Puedes utilizar comillas simples o dobles:
Ejemplo
let carName1 = "Volvo XC60";
// Comillas dobles
let carName2 = 'Volvo XC60'; // Comillas simples
Try it Yourself »
Puedes utilizar comillas dentro de una cadena, siempre que no coincidan con las comillas que rodean la cadena:
Ejemplo
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
Try it Yourself »
Longitud de la cuerda
Para encontrar la longitud de una cadena, utilice la propiedad incorporada length
:
Carácter de escape
Dado que las cadenas deben escribirse entre comillas, JavaScript malinterpretará esta cadena:
let text = "We are the so-called "Vikings" from the north.";
La cadena se cortará en "Somos los llamados".
La solución para evitar este problema es utilizar el carácter de escape de barra invertida.
El carácter de escape de barra invertida (\
) convierte los caracteres especiales en caracteres de cadena:
Código | Resultado | Descripción |
---|---|---|
\' | ' | Comilla simple |
\" | " | Comillas dobles |
\\ | \ | Barra invertida |
La secuencia \"
inserta una comilla doble en una cadena:
La secuencia \'
inserta una comilla simple en una cadena:
La secuencia \\
inserta una barra invertida en una cadena:
Hay otras seis secuencias de escape válidas en JavaScript:
Código | Resultado |
---|---|
\b | Retroceso |
\f | Feed de formulario |
\n | Nueva línea |
\r | Retorno de carro |
\t | Tabulador horizontal |
\v | Tabulador vertical |
Los 6 caracteres de escape que aparecen arriba se diseñaron originalmente para controlar máquinas de escribir, teletipos y faxes. No tienen ningún sentido en HTML.
Cómo dividir líneas de código largas
Para lograr una mejor legibilidad, los programadores suelen evitar líneas de código de más de 80 caracteres.
Si una declaración de JavaScript no cabe en una línea, el mejor lugar para dividirla es después de un operador:
También puedes dividir una línea de código dentro de una cadena de texto con una sola barra invertida:
El método \
no es el método preferido. Es posible que no tenga compatibilidad universal.
Algunos navegadores no permiten espacios detrás del carácter \
.
Una forma más segura de dividir una cadena es utilizar la suma de cadenas:
No se puede dividir una línea de código con una barra invertida:
Cadenas de JavaScript como objetos
Normalmente, las cadenas de JavaScript son valores primitivos, creados a partir de literales:
let x = "John";
Pero las cadenas también se pueden definir como objetos con la palabra clave new
:
let y = new String("John");
No cree objetos Strings.
La palabra clave new
complica el código y reduce la velocidad de ejecución.
Los objetos String pueden producir resultados inesperados:
Al utilizar el operador ==
, x e y son iguales:
let x = "John";
let y = new String("John");
Try it Yourself »
Al utilizar el operador ===
, x e y no son iguales:
let x = "John";
let y = new String("John");
Try it Yourself »
Tenga en cuenta la diferencia entre (x==y)
y (x===y)
.
(x == y)
¿Verdadero o falso?
let x = new String("John");
let y = new String("John");
Try it Yourself »
(x === y)
¿Verdadero o falso?
let x = new String("John");
let y = new String("John");
Try it Yourself »
Comparar dos objetos JavaScript siempre devuelve falso.
Referencia completa de cadenas
Para obtener una referencia completa de cadenas, visite:
Referencia completa de cadenas de JavaScript.
La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de cadenas.