JavaScript
Explica cómo JavaScript representa strings y Unicode, cómo recorrer puntos de código y cuándo usar template literals para interpolación y composición.
Un string es una secuencia inmutable de unidades de código UTF-16.
const name = "Nicolás";const single = 'Hello';
const double = "Hello";
const template = `Hello`;Las tres formas crean valores string. Los template literals añaden interpolación y texto multilínea.
const text = "hello";
text[0] = "H";No modifica el string. Los métodos producen valores nuevos.
const updated = text.toUpperCase();"A".length; // 1
"😀".length; // 2El emoji necesita un surrogate pair. length no cuenta necesariamente caracteres percibidos.
const text = "😀A";
text[0]; // Primera unidad UTF-16.
text.at(0); // Igual para ese índice.
text.at(-1); // "A"Indexar puede separar un surrogate pair.
[..."😀A"];
// ["😀", "A"]El iterador de string avanza por code points, no por unidades UTF-16 individuales.
"😀".codePointAt(0);
String.fromCodePoint(0x1f600);Un símbolo visible puede contener varios code points:
const segmenter = new Intl.Segmenter("es", {
granularity: "grapheme",
});
const graphemes = [
...segmenter.segment(text),
].map((item) => item.segment);Usa grafemas cuando la interacción humana necesita contar, cortar o seleccionar caracteres visibles.
"line 1\nline 2";
"tab\tvalue";
"quote: \"hello\"";
"\u{1F600}";La forma \u{...} expresa un code point completo.
const message = `Hello, ${user.name}`;La expresión se evalúa y convierte a string.
const priceLabel = `Total: ${formatPrice(total)}`;No insertes texto no confiable dentro de HTML solo porque utilizas template literal; la interpolación no sanitiza.
function tag(strings, ...values) {
return { strings, values };
}
const result = tag`Hello ${name}`;La función recibe partes literales y valores por separado. Librerías pueden usarlas para escaping, estilos o consultas, pero la seguridad depende de la implementación del tag.
text.includes("JavaScript");
text.startsWith("Hello");
text.endsWith("world");
text.indexOf("value");includes expresa pertenencia; indexOf aporta posición.
text.slice(start, end);slice acepta índices negativos. Opera por unidades UTF-16, por lo que puede cortar una secuencia Unicode en un punto inválido.
text.replace("old", "new");
text.replaceAll("-", " ");Con string, replace cambia la primera coincidencia. Con RegExp global puede cambiar varias.
Dos strings visualmente iguales pueden usar secuencias distintas.
const first = "é";
const second = "e\u0301";
first === second; // false
first.normalize() === second.normalize(); // trueNormalizar es útil antes de comparaciones específicas, búsquedas o identificadores, pero el formulario correcto depende del dominio.
text.toLowerCase();
text.toLocaleLowerCase("tr");Las reglas de mayúsculas pueden depender del idioma. Para comparación de texto de usuario, considera Intl.Collator.
const collator = new Intl.Collator("es", {
sensitivity: "base",
});
names.toSorted(collator.compare);Los operadores comparan por orden de unidades, no por reglas de diccionario.
text.isWellFormed();
text.toWellFormed();Ayudan a detectar o sustituir surrogates aislados antes de interoperar con codificaciones que requieren Unicode válido.
Un string no es un array de bytes. Para convertir texto a UTF-8 usa APIs del entorno:
const bytes = new TextEncoder().encode(text);
const decoded = new TextDecoder().decode(bytes);function truncateGraphemes(value, maximum) {
const segmenter = new Intl.Segmenter("es", {
granularity: "grapheme",
});
return [...segmenter.segment(value)]
.slice(0, maximum)
.map(({ segment }) => segment)
.join("");
}No rompe emojis o combinaciones visibles en la mitad.
¿Por qué "😀".length devuelve 2, pero [..."😀"].length devuelve 1?
length cuenta unidades UTF-16; el iterador reconoce el surrogate pair como un solo code point.
Number, punto flotante y Math explica precisión, límites y cálculos numéricos.