Javascript 1 === 1 est faux

Question

Je suis assez nouveau à Javascript après avoir découvert React JS, et j'ai un problème que je ne comprends pas.

J'ai le code suivant, qui console les deux variables sous forme de nombres avec des valeurs identiques. Pourtant, il apparaît comme faux ... Pourquoi?

Merci beaucoup d'avance.

<Nav tabs> 
    { 
     navigation.map((page, i) => { 
      ++i; 

      var match = this.state.activeTab === { i }; 

      console.log(
       typeof(i) + " " + i, 
       typeof(this.state.activeTab) + " " + this.state.activeTab, 
       match 
      ); 

      return (
       <NavItem> 
        <NavLink 
         className={ 
          classnames({ 
           active: match, 
           'cursor-pointer': true 
          }) 
         } 
         onClick={() => { this.toggleTab({ i }) }} 
        > 
         { page.name } 
        </NavLink> 
       </NavItem> 
      ) 
     }) 
    } 
</Nav> 

je reçois ce qui suit dans mon journal de la console:

app.js:89525 number 1 number 1 false 
app.js:89525 number 2 number 1 false 
app.js:89525 number 3 number 1 false 
app.js:89525 number 4 number 1 false 
app.js:89525 number 5 number 1 false 
app.js:89525 number 6 number 1 false 

Certes, le premier journal doit afficher en tant que vrai.

Answer 1

Je ne suis pas sûr de ce que this.state.activeTab est, mais il jamais égale { i }.

Vous ne comparez pas un nombre, mais un nouvel objet contenant un nombre.

Ce nouvel objet, { i }, ne que retour true pour la stricte comparaison de l'égalité (===) si on le compare avec lui-même, qui activeTab est évidemment pas.

Cela va sans doute corriger votre code:

var match = this.state.activeTab === i; 

^{(En supposant activeTab est un nombre)}

Answer 2

{ i } n'est pas i, c'est (à partir de ES2015) un objet avec une propriété appelée i. Donc naturellement si this.state.activeTab est 1, this.state.activeTab === { i } est faux, car un nombre ne peut pas être === à un objet.

Vous voulez

var match = this.state.activeTab === i; 
// No {} ---------------------------^