Desde ECMAScript 6 (2015), se puede utilizar String.prototype.normalize() para llevar a la forma descompuesta de normalización en Unicode (ver compatibilidad).
Esto significa que un caracter (en realidad un "punto de código") puede ser descompuesto en su equivalencia de caracter base, seguido de sus marcas. Por ejemplo:
Ambas formas son equivalentes y se imprimen igual.
En la forma NFD, los diacríticos son code points (~caracteres) diferentes.
Y lo importante es que todas las marcas diacríticas están en el rango U+0300
- U+036F
.
Código (para todos los lenguajes)
Lleva a la forma descompuesta, y elimina el bloque Combining Diacritial Marks.
// Elimina los diacríticos de un texto (ES6)
//
function eliminarDiacriticos(texto) {
return texto.normalize('NFD').replace(/[\u0300-\u036f]/g,"");
}
Pruebas:
// Elimina los diacríticos de un texto (ES6)
//
function eliminarDiacriticos(texto) {
return texto.normalize('NFD').replace(/[\u0300-\u036f]/g,"");
}
// Prueba
function mostrarSinDiacriticos(inp){
document.getElementById('muestra')
.innerText = eliminarDiacriticos(inp.value);
}
mostrarSinDiacriticos(texto);
Texto:
<input id="texto" oninput="mostrarSinDiacriticos(this)" style="width:100%" value="áéíóúñüÁÉÍÓÚÑÜ">
Sin Diacríticos:
<div id="muestra" />
Diacríticos excepto en la ñ
(sólo español)
Podemos sacar sólo los acentos en vocales o la diéresis en la ü
.
Descomponemos, eliminamos los diacríticos exclusivamente de áéíóúü
y volvemos a componer:
texto.normalize('NFD')
.replace(/([aeio])\u0301|(u)[\u0301\u0308]/gi,"$1$2")
.normalize();
O podemos eliminar cualquier diacrítico (para cualquier lenguaje) excepto si es una ñ
:
// Elimina los diacríticos de un texto excepto si es una "ñ" (ES6)
//
function eliminarDiacriticosEs(texto) {
return texto
.normalize('NFD')
.replace(/([^n\u0300-\u036f]|n(?!\u0303(?![\u0300-\u036f])))[\u0300-\u036f]+/gi,"$1")
.normalize();
}
Pruebas:
// Elimina los diacríticos de un texto excepto si es una "ñ" (ES6)
//
function eliminarDiacriticosEs(texto) {
return texto
.normalize('NFD')
.replace(/([^n\u0300-\u036f]|n(?!\u0303(?![\u0300-\u036f])))[\u0300-\u036f]+/gi,"$1")
.normalize();
}
// Prueba
function mostrarSinDiacriticos(inp){
document.getElementById('muestra')
.innerText = eliminarDiacriticosEs(inp.value);
}
mostrarSinDiacriticos(texto);
Texto:
<input id="texto" oninput="mostrarSinDiacriticos(this)" style="width:100%" value="áéíóúñüÁÉÍÓÚÑÜ">
Sin Diacríticos:
<div id="muestra" />