Los últimos tutoriales de desarrollo web
 

JavaScript Instrumentos de cuerda


cadenas JavaScript se utilizan para almacenar y manipular texto.


JavaScript Cuerdas

Una cadena de JavaScript simplemente almacena una serie de personajes como "John Doe" .

Una cadena puede ser cualquier texto entre comillas. Puede utilizar comillas simples o dobles:

Ejemplo

var carname = "Volvo XC60";
var carname = 'Volvo XC60';
Inténtalo tú mismo "

Puede usar comillas dentro de una cadena, siempre y cuando no se ajustan a las cotizaciones que rodean la cadena:

Ejemplo

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
Inténtalo tú mismo "

Longitud de la cuerda

La longitud de una cadena se encuentra en el construido en la longitud de la propiedad:

Ejemplo

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Inténtalo tú mismo "

Caracteres especiales

Debido a que las cadenas deben ser escritos entre comillas, JavaScript se malinterpretar esta cadena:

var y = "We are the so-called "Vikings" from the north."

La cadena se cortó hasta la "We are the so-called " .

La solución para evitar este problema, es utilizar el carácter \ escape.

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

Ejemplo

var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north."
Inténtalo tú mismo "

El carácter de escape (\) también se puede utilizar para insertar otros caracteres especiales en una cadena.

Esta es la lista de caracteres especiales que se pueden agregar a una cadena de texto con el signo de barra invertida:

Código salidas
\' una frase
\" comillas dobles
\\ barra invertida
\n nueva línea
\r retorno de carro
\t lengüeta
\b de retroceso
\f salto de página

Rompiendo Líneas de código largo

Para un mejor legibilidad, los programadores a menudo como para evitar las líneas de código de más de 80 caracteres.

Si una instrucción JavaScript no cabe en una línea, el mejor lugar para romper es después de un operador:

Ejemplo

document.getElementById("demo").innerHTML =
"Hello Dolly.";
Inténtalo tú mismo "

También puede romper una línea de códigodentro de una cadena de textocon una sola barra invertida:

Ejemplo

document.getElementById("demo").innerHTML = "Hello \
Dolly!";
Inténtalo tú mismo "

El \ método no es una ECMAScript (JavaScript) estándar.
Algunos navegadores no permiten espacios detrás de la \ carácter.

La más segura (pero un poco más lento) manera de romper una cadena larga es utilizar suma de cadenas:

Ejemplo

document.getElementById("demo").innerHTML = "Hello" +
"Dolly!";
Inténtalo tú mismo "

No se puede romper una línea de código con una barra invertida:

Ejemplo

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Inténtalo tú mismo "

Las cadenas pueden ser objetos

Normalmente, las cadenas de JavaScript son valores primitivos, creados a partir de los literales: var firstName = "John"

Sin embargo, las cadenas también se pueden definir como objetos con la palabra clave new: var firstName = new String("John")

Ejemplo

var x = "John";
var y = new String("John");

// typeof x will return string
// typeof y will return object
Inténtalo tú mismo "

No crear cadenas como objetos. Se ralentiza la velocidad de ejecución.
La new palabra clave complica el código. Esto puede producir algunos resultados inesperados:

Cuando se utiliza el operador de igualdad ==, la igualdad de las cadenas se ve igual:

Ejemplo

var x = "John";             
var y = new String("John");

// (x == y) is true because x and y have equal values
Inténtalo tú mismo "

Cuando se utiliza el operador de igualdad ===, la igualdad de las cadenas no son iguales, porque el operador === espera que la igualdad tanto en tipo y valor.

Ejemplo

var x = "John";             
var y = new String("John");

// (x === y) is false because x and y have different types (string and object)
Inténtalo tú mismo "

O aún peor. Los objetos no se pueden comparar:

Ejemplo

var x = new String("John");             
var y = new String("John");

// (x == y) is false because x and y are different objects
// (x == x) is true because both are the same object
Inténtalo tú mismo "

objetos de JavaScript no se pueden comparar.

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»