Cadenas de JavaScript

Recomendaciones de curso:

Cadenas de JavaScript

Las cadenas de JavaScript se utilizan para almacenar y operar texto.

Ejemplo

Las cadenas de JavaScript son cero o más caracteres entre comillas.

Pruebe usted mismo

var x = "Bill Gates";

Ejemplo

Puede usar comillas simples o dobles:
var carname = "Porsche 911";

Pruebe usted mismo

var carname = 'Porsche 911';

Ejemplo

Puede usar comillas en la cadena, siempre y cuando no se coincidan las comillas que rodean la cadena:
var answer = "Es bueno verlo de nuevo!";
var answer = "Él se llama 'Bill'";

Pruebe usted mismo

var answer = 'Él se llama "Bill"';

longitud de la cadena propiedad integrada puede devolver la longitud de la cadenalongitud:

Ejemplo

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Pruebe usted mismo

caracteres especiales

Debido a que las cadenas deben estar envueltas en comillas, JavaScript malinterpretará esta cadena:

var y = "China es la cuna de la cerámica, por lo que china y"China (China)"también tiene el mismo nombre.";

Esta cadena se dividirá en "China es la cuna de la cerámica, por lo que china y".

Una solución para evitar este problema es usar carácter de escape \.

El carácter de escape barra convierte los caracteres especiales en caracteres de cadena:

Código Resultado descripción
\' ' comillas simples
\" " Comillas dobles
\\ \ Barra invertida

Ejemplo

Secuencia \" Insertar comillas dobles en una cadena:

Ejemplo

var x = "China es la cuna de la cerámica, por lo tanto china y \"China (China)\" tienen el mismo nombre."

Pruebe usted mismo

Secuencia \' Insertar comilla simple en una cadena:

Ejemplo

var x = 'Es bueno verlo otra vez\';

Pruebe usted mismo

Secuencia \\ Insertar barra invertida en una cadena:

Ejemplo

var x = "El carácter \\ se llama barra invertida.";

Pruebe usted mismo

Caracteres de escape (\) también se puede usar para insertar otros caracteres especiales en una cadena.

Otras seis secuencias de escape válidas en JavaScript:

Código Resultado
\b Tecla de retroceso
\f Página
\n Nueva línea
\r Retorno de carro
\t Tabulador horizontal
\v Tabulador vertical

Estos seis caracteres de escape fueron diseñados originalmente para controlar máquinas de escribir, teletipos y fax. No tienen ningún significado en HTML.

Salto de línea en líneas de código largas

Para la mejor legibilidad, los programadores suelen evitar que cada línea de código supere los 80 caracteres.

Si una declaración de JavaScript no se ajusta a una línea completa, el mejor lugar para hacer un salto de línea es después de un operador:

Ejemplo

document.getElementById("demo").innerHTML =
"¡Hola Gato.";

Pruebe usted mismo

También puedeEn la cadenaUn salto de línea, mediante una barra invertida:

Ejemplo

document.getElementById("demo").innerHTML = "Hola \
"¡Gato!";

Pruebe usted mismo

\ Este método no es estándar en ECMAScript (JavaScript).

Algunos navegadores también no permiten \ Espacio después del carácter.

La forma más segura de hacer un salto de línea en una cadena larga (pero un poco lenta) es usar la adición de cadenas:

Ejemplo

document.getElementById("demo").innerHTML = "Hola" + 
"¡Gato!";

Pruebe usted mismo

No se puede realizar un salto de línea en una línea de código utilizando la barra invertida:

Ejemplo

document.getElementById("demo").innerHTML = \ 
"¡Hola Gato!";

Pruebe usted mismo

Las cadenas pueden ser objetos

Por lo general, las cadenas de JavaScript son valores primitivos, creadas de manera literal:

var firstName = "Bill"

Pero las cadenas también pueden ser definidas mediante la palabra clave new Definido como objeto:

var firstName = new String("Bill")

Ejemplo

var x = "Bill";
var y = new String("Bill");
// typeof x devolverá cadena
// typeof y devolverá objeto

Pruebe usted mismo

No convierta las cadenas en objetos. Esto ralentizará la ejecución.

new La palabra clave hace que el código sea más complejo. También puede producir algunos resultados inesperados:

Al usar == El operador de igualdad, las cadenas iguales son iguales:

Ejemplo

var x = "Bill";             
var y = new String("Bill");
// (x == y) es true porque x y tienen valores iguales

Pruebe usted mismo

Al usar === El operador, las cadenas iguales no son iguales porque === El operador necesita que tanto el tipo como el valor sean iguales.

Ejemplo

var x = "Bill";             
var y = new String("Bill");
// (x === y) es false porque x y tienen tipos diferentes (cadena y objeto)

Pruebe usted mismo

Incluso peor. Los objetos no se pueden comparar:

Ejemplo

var x = new String("Bill");             
var y = new String("Bill");
// (x == y) es false porque x y son objetos diferentes

Pruebe usted mismo

Ejemplo

var x = new String("Bill");             
var y = new String("Bill");
// (x === y) es false porque x y y son objetos diferentes

Pruebe usted mismo

Tenga en cuenta la diferencia entre (x==y) y (x===y).

Los objetos JavaScript no se pueden comparar, siempre se devolverá false al comparar dos JavaScript falso.