MEJOR SITIO PARA DESARROLLADORES WEB

JS Tutorial

JS HOGAR JS Introducción JS A donde JS Producción JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS Let JS Const JS Operadores JS Aritmética JS Asignación 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 cadenas JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matrices JS Iteración de matriz JS Array Const JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Math JS aleatorio JS Booleanos JS Comparaciones JS If Else JS Switch JS Bucle For JS Bucle For In JS Bucle For Of JS Bucle While JS Break JS Iterables JS Conjuntos JS Maps JS Tipo de JS Conversión de tipo JS Bitwise JS RegExp JS Errores JS Alcance JS Hoisting JS Modo estricto JS this palabra clave JS Función de flecha JS Clases JS Módulos JS JSON JS Depuración JS Guía de estilo JS Mejores prácticas JS Errores JS Rendimiento JS Palabras reservadas

JS Versiones

JS Versiones JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Historia

JS Objetos

Objeto Definiciones Objeto Propiedades Objeto Métodos Objeto Display Objeto Accesorios Objeto Constructores Objeto Prototipos Objeto Iterables Objeto Conjuntos Objeto Mapas Objeto Referencia

JS Funciones

Función Definiciones Función Parámetros Función Invocación Función Llamar Función Aplicar Función Unir Función Cierres

JS Clases

Clase Introducción Clase Herencia Clase Estático

JS Asíncrono

JS Devoluciones de llamada JS Asincrónico JS Promesas JS Async/Await

JS HTML DOM

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

JS Navegador BOM

JS Ventana JS Pantalla JS Ubicación JS Historia JS Navegador JS Alerta emergente JS Momento JS Cookies

JS Web APIs

Web API Introducción API de formularios web API de historial web API de almacenamiento web API de trabajador web API de recuperación web API de geolocalización web

JS AJAX

AJAX Introducción AJAX XMLHttp AJAX Pedido AJAX Respuesta AJAX XML Archivo AJAX PHP AJAX ASP AJAX Base de datos AJAX Aplicaciones AJAX Ejemplos

JS JSON

JSON Introducción JSON Sintaxis JSON vs XML JSON Tipos de datos JSON Analizar JSON Stringificar JSON Objetos JSON Matrices JSON Servidor JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selectores jQuery HTML jQuery CSS jQuery DOM

JS Gráficos

JS Gráficos JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Ejemplos

JS Ejemplos JS HTML DOM JS HTML Input JS HTML Objetos JS HTML Eventos JS Navegador JS Editor JS Ejercicios JS Prueba JS Bootcamp JS Certificado

JS Referencias

JavaScript Objetos HTML DOM Objetos

JavaScript. W3Schools en español. Lecciones para principiantes

Ua En De Fr

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.

Ejemplo

let text = "John Doe";
Try it Yourself »

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:

Ejemplo

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Try it Yourself »

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:

Ejemplo

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

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

Ejemplo

let text= 'It\'s alright.';
Try it Yourself »

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

Ejemplo

let text = "El carácter \\ se llama barra invertida.";
Try it Yourself »

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:

Ejemplo

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Try it Yourself »

También puedes 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!"
;
Try it Yourself »

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:

Ejemplo

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Try it Yourself »

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

Ejemplo

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Try it Yourself »

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");
Try it Yourself »

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.


Ponte a prueba con ejercicios

Ejercicio:

Utilice la propiedad length para alertar sobre la longitud de txt.

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