Cadenas de Caracteres
En JavaScript, los datos de tipo texto se almacenan como cadenas de caracteres. No existe un tipo de dato separado para caracteres individuales.
Internamente, las cadenas siempre se representan en UTF-16, independientemente de la codificación de la página.
Comillas
Las cadenas pueden delimitarse usando comillas simples, comillas dobles o backticks (acento grave):
let single = 'comillas simples';
let double = "comillas dobles";
let backticks = `backticks`;
Las comillas simples y dobles son prácticamente equivalentes. Los backticks permiten la inserción de expresiones dentro de la cadena usando ${…}:
function sum(a, b) {
return a + b;
}
alert(`1 + 2 = ${sum(1, 2)}.`); // 1 + 2 = 3.
Otra ventaja de los backticks es que permiten extender una cadena en múltiples líneas:
let guestList = `Invitados:
* Juan
* Pedro
* María
`;
alert(guestList); // lista de invitados en varias líneas
Las comillas simples y dobles no funcionan de la misma manera:
let guestList = "Invitados: // Error: Unexpected token ILLEGAL
* Juan";
Las comillas simples y dobles provienen de épocas en que no se consideraban las múltiples líneas. Los backticks son más recientes y versátiles.
Además, los backticks permiten especificar una «función de plantilla» antes del primer backtick. La sintaxis es func\string`. La función func` es llamada automáticamente y puede procesar el string y las expresiones insertadas.
Caracteres Especiales
Es posible crear cadenas de múltiples líneas con comillas simples utilizando el carácter de nueva línea \n:
let guestList = 'Invitados:\n * Juan\n * Pedro\n * María';
alert(guestList); // lista de invitados en múltiples líneas
Por ejemplo, estas dos líneas son equivalentes pero están escritas de manera diferente:
let str1 = "Hello\nWorld"; // dos líneas usando el símbolo de nueva línea
let str2 = `Hello
World`; // dos líneas usando nueva línea y backticks
alert(str1 == str2); // true
alert(`La barra invertida: \\`); // La barra invertida: \
Las comillas escapadas `’, «, « se usan para insertar una comilla en una cadena delimitada por el mismo tipo de comilla:
alert('¡Yo soy la \'morsa\'!'); // ¡Yo soy la 'morsa'!
alert("¡Yo soy la 'morsa'!"); // ¡Yo soy la 'morsa'!
alert(`Mi\n`.length); // 3
let str = `Hola`;
alert(str[0]); // H
alert(str.at(0)); // H
alert(str[str.length - 1]); // a
alert(str.at(-1)); // a
let str = `Hola`;
alert(str[-2]); // undefined
alert(str.at(-2)); // l
for (let char of 'Hola') {
alert(char); // H, o, l, a
}
let str = 'Hola';
str[0] = 'h'; // error
alert(str[0]); // no funciona
let str = 'Hola';
str = 'h' + str[1] + str[2] + str[3]; // reemplaza la cadena
alert(str); // hola
Cambio de Capitalización
Los métodos toLowerCase() y toUpperCase() cambian los caracteres a minúscula y mayúscula respectivamente:
alert('Interfaz'.toUpperCase()); // INTERFAZ
alert('Interfaz'.toLowerCase()); // interfaz
alert('Interfaz'[0].toLowerCase()); // 'i'
let str = 'Widget con id';
alert(str.indexOf('Widget')); // 0
alert(str.indexOf('widget')); // -1
alert(str.indexOf('id')); // 1
alert(str.indexOf('id', 2)); // 11
let str = 'Astuto como un zorro, fuerte como un buey';
let target = 'como';
let pos = 0;
while (true) {
let foundPos = str.indexOf(target, pos);
if (foundPos == -1) break;
alert(`Encontrado en ${foundPos}`);
pos = foundPos + 1;
}
let str = 'Astuto como un zorro, fuerte como un buey';
let target = "como";
let pos = -1;
while ((pos = str.indexOf(target, pos + 1)) != -1) {
alert(pos);
}
let str = 'Astuto como un zorro, fuerte como un buey';
let target = "como";
let pos = -1;
while ((pos = str.indexOf(target, pos + 1)) != -1) {
alert(pos);
}
let str = "Widget con id";
alert(str.lastIndexOf("Widget")); // 0
alert('Widget con id'.includes('Widget')); // true
alert('Hola'.includes('Adiós')); // false
alert('Midget'.includes('id')); // true
alert('Midget'.includes('id', 3)); // false
