Noté que cuando uso ".map" en una matriz de cadenas con acento, hay un problema con el valor del elemento actual. No entiendo por qué la segunda condición es falsa.
const types: string[] = ['Fée'] types.map(type => { const str = 'Fée' if(str === type){ console.log(`str true : ${str}`) } if(type === 'Fée'){ console.log('type true') } else { console.log(`type false : ${type}`) } })
En la consola:
"str true : Fée" "type false : Fée"
Además, esta extraña "é" se puede guardar en un archivo JSON (codificación UTF-8). Aquí VSCode no resalta la fila del medio: valor extraño en el archivo JSON
Uno de sus caracteres ( é
) es e\u0301
o \u0065\u0301
, una E MINÚSCULA LATINA seguida de ACENTO AGUDO COMBINADO.
El otro carácter ( é
) acaba \u00e9
, una LETRA E MINÚSCULA LATINA CON AGUDO .
Puede notar que las cadenas son diferentes también debido a su .length
.
Para compararlos, use .normalise()
:
const strings = ['Fée', 'Fée']; console.log(strings[0] == strings[1]); console.log(strings[0].normalize() == strings[1].normalize());
Con una página como https://www.babelstone.co.uk/Unicode/whatisit.html , puede ver que los dos no son realmente equivalentes.
El Fée de const str = 'Fée'
es '\u0046\u0065\u0301\u0065'
pero el Fée de if(type === 'Fée'){
es '\u0046\u00e9\u0065'
.
Para solucionar esto, puede usar la normalización Unicode con String.prototype.normalize
.
const types: string[] = ['Fée'] types.map(type => { type = type.normalize('NFC') const str = 'Fée'.normalize('NFC') if(str === type){ console.log(`str true : ${str}`) } if(type === 'Fée'){ console.log('type true') } else { console.log(`type false : ${type}`) } })