Tengo el texto y tengo una variable con el índice actual de la letra actual en este texto. También tengo una matriz que contiene matrices con dos elementos:

1. Cadena con carácter (podría ser cualquier letra, incluido el espacio) Por ejemplo '1' o 'a' o ' '
2. Elemento HTML.
   

Se parece a esto:

 const arr = `[['1', document.querySelector('.k-one')], ['a', document.querySelector('.k-a')], [' ', document.querySelector('.k-space')], and so on...]`

Luego necesito obtener un subarreglo con el primer elemento igual a text[currentIndex] (sting que contiene una letra)

Así que uso arr.find(array => array[0] == text[currentIndex]) y todo va bien hasta text[currentIndex] no es ' '
En este caso obtengo un error, porque arr.find(array => array[0] == text[currentIndex]) devuelve undefined porque array[0] == text[currentIndex] devuelve false

pero cuando registro array[0] y text[currentIndex] ambos devuelven una cadena con espacio como este ' '

** No entiendo lo que sucede y lo que sale mal.

¿Cómo pueden dos cadenas idénticas devolver false cuando las comparo **