Tutorial JS

JS INICIO JS Introducción JS Dónde Salida JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS JS Vamos Constante JS Operadores JS Aritmética JS Tarea JS Tipos de datos JS Funciones JS Objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadena JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matriz JS Iteración de matriz JS Constante de matriz JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Matemáticas JS JS al azar Booleanos JS Comparaciones JS Condiciones JS Interruptor JS Bucle JS para Bucle JS para entrada Bucle JS para de Bucle JS mientras descanso JS Iterables JS Conjuntos JS Mapas JS JS Tipo de Conversión de tipo JS JS bit a bit JS expresión regular Errores JS Alcance JS JS Elevación Modo estricto JS JS esta palabra clave Función de flecha JS Clases JS JSJSON Depuración JS Guía de estilo JS Prácticas recomendadas de JS Errores JS Rendimiento JS Palabras reservadas de JS

Versiones JS

Versiones JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Borde Historia de JS

Objetos JS

Definiciones de objetos Propiedades del objeto Métodos de objetos Visualización de objetos Accesores de objetos Constructores de objetos Prototipos de objetos Objeto iterables Conjuntos de objetos Mapas de objetos Referencia de objeto

Funciones JS

Definiciones de funciones Parámetros de función Invocación de funciones Llamada de función Función Aplicar Cierres de funciones

Clases JS

Introducción a la clase Herencia de clase Clase estática

JS asíncrono

Devoluciones de llamada JS JS asíncrono Promesas JS JS asíncrono/espera

JS HTML DOM

Introducción al DOM Métodos DOM Documento DOM Elementos DOM DOM HTML Formularios DOM DOM CSS Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos DOM

Lista de materiales del navegador JS

Ventana JS Pantalla JS Ubicación de JS Historia de JS Navegador JS Alerta emergente JS Tiempo JS Galletas JS

API web de JS

Introducción a la API web API de formularios web API de historial web API de almacenamiento web API de trabajo web API de búsqueda web API de geolocalización web

JS AJAX

Introducción a AJAX AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

JSJSON

Introducción JSON Sintaxis JSON JSON frente a XML Tipos de datos JSON Análisis JSON Cadena JSON Objetos JSON Matrices JSON Servidor JSON JSONPHP JSONHTML JSON JSONP

JS frente a jQuery

Selectores jQuery HTML de jQuery CSS de jQuery DOM de jQuery

Gráficos JS

Gráficos JS Lienzo JS JS Trazado Gráfico JS.js Gráfico de Google JS JS D3.js

Ejemplos de JS

Ejemplos de JS JS HTML DOM Entrada HTML JS Objetos JS HTML Eventos JS HTML Navegador JS Editor JS Ejercicios JS Prueba JS Certificado JS

Referencias JS

Objetos JavaScript Objetos HTML DOM


Cadenas JavaScript

Las cadenas de JavaScript son para almacenar y manipular texto.

Una cadena de JavaScript es cero o más caracteres escritos entre comillas.

Ejemplo

let text = "John Doe";

Puede utilizar comillas simples o dobles:

Ejemplo

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Puede usar 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"';

Longitud de la cuerda

Para encontrar la longitud de una cadena, use la lengthpropiedad incorporada:

Ejemplo

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


Personaje de escape

Debido a 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á a "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:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

La secuencia \"  inserta una comilla doble en una cadena:

Ejemplo

let text = "We are the so-called \"Vikings\" from the north.";

La secuencia \'  inserta una comilla simple en una cadena:

Ejemplo

let text= 'It\'s alright.';

La secuencia \\  inserta una barra invertida en una cadena:

Ejemplo

let text = "The character \\ is called backslash.";

Otras seis secuencias de escape son válidas en JavaScript:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

Los 6 caracteres de escape anteriores se diseñaron originalmente para controlar máquinas de escribir, teletipos y máquinas de fax. No tienen ningún sentido en HTML.


Romper líneas de código largas

Para una mejor legibilidad, a los programadores a menudo les gusta evitar las 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:

Ejemplo

document.getElementById("demo").innerHTML =
"Hello Dolly!";

También puede dividir una línea de código dentro de una cadena de texto con una sola barra invertida:

Ejemplo

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

El \método no es el método preferido. Es posible que no tenga soporte universal.
Algunos navegadores no permiten espacios detrás del \carácter.

Una forma más segura de dividir una cadena es usar la suma de cadenas:

Ejemplo

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

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

Ejemplo

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

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");

Ejemplo

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

No cree objetos de cadenas.

La newpalabra clave complica el código y ralentiza la velocidad de ejecución.

Los objetos de cadena pueden producir resultados inesperados:

Cuando se usa el ==operador, x e y son iguales :

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

Cuando se usa el ===operador, x e y no son iguales :

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

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");

(x === y)¿verdadero o falso?

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

La comparación de dos objetos de JavaScript siempre devuelve falso .

Referencia de cadena completa

Para obtener una referencia completa de String, vaya a nuestro:

Referencia completa de cadenas de JavaScript .

La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de cadenas.

Ponte a prueba con ejercicios

Ejercicio:

Use la lengthpropiedad para alertar sobre la longitud de txt.

let txt = "Hello World!";
let x = ;
alert(x);