Stringvergleich gibt false zurück. Seltsames JavaScript-Verhalten mit jQuery mobile. [Code eingeschlossen]

Question

Ich fing an, eine Todo-Liste mit jQuery Mobile zu erstellen, um es besser zu lernen. Ich höre auf die Ereignisse aus den Tasten eines Menüs wie diese kommen:

 me.selectedTarget = me.menuNode.find(".ui-btn").first(); 

     me.menuNode.on("click", ".ui-btn", function (e) { 
      var target = $(e.currentTarget) 
       ,targetText = target.text(); 
      console.debug("Click on'", targetText,"'"); 
      if(target === me.selectedTarget) return; 

      if(targetText == "View To Do "){ 
       core.pub("view:todo"); 
      } else if(targetText == "View Done ") { 
       core.pub("view:done"); 
      } else { 
       me.selectedTarget.click(); 
      } 
      me.selectedTarget = target; 
     }); 

Die Variable targetText hat einen extra „“ Raum aus irgendeinem Grunde am Ende. Ich habe 3 Tasten, aber die dritte ist ein bisschen speziell - nicht relevant -.

Mein Problem ist, dass ich auf der letzten else-Klausel immer bin immer. targetText wird niemals mit "View To Do" oder "View Done" gleichgesetzt.

Warum ist "View Done" nicht = = "View Done"? ~ X (

Answer 1

Der Vergleich wird scheitern, weil die Saiten nicht gleich sind. Also wirklich die Frage ist warum sind sie nicht das gleiche? Anscheinend ist der Raum in einem der Zeichenfolgen ist nicht das Standard-Leerzeichen (Unicode hat mehr als ein Leerzeichen), oder eine der Zeichenfolgen hat ein unsichtbares Zeichen (Unicode hat auch diese)

Also um herauszufinden, was vor sich geht, würde ich tun Sie dies:

var index; 
for (index = 0; index < targetText.length; ++index) { 
    console.log("char " + index + ": " + targetText.charCodeAt(index)); 
} 

... und das gleiche mit Ihrem String-Literal in Ihrem Code (nicht erneut eingeben, sondern in ein lokales übertragen und dann ausgeben; da, wenn Sie es erneut eingeben, Sie wahrscheinlich den normalen Raum eingeben). Vergleichen Sie die Sequenzen der Zeichencodes und Sie werden die Diskrepanz finden.