Javascriptがtrueを返さない場合

Question

私は奇妙なjavascriptの問題があります。私はAPIからいくつかのデータを取得するためにvue jsとaxiosを使用しています。私はconsole.logをダンプして、値はそこにありますが、私のif文は真ではありません。

コードの例が小さくなるように削除されました。

インラインコメントを参照してください。

HTML: 

<input v-model="system_id"> 
<button v-on:click="getSystemData" class="btn btn-primary">Get system data</button> 


Data model: 

data:() => ({ 
    errors: [], 
    system_id: null, 
    system_data: null 
}), 



Function: 

getSystemData() { 
    HTTP.get('/api/get_systems') 
    .then(response => { 
     this.response = response.data 

     // equals 1234 
     console.log(this.system_id) 
     for (var key in this.response) { 

     // the id 1234 is found here in a large list 
     console.log(this.response[key].system_id) 


     // Does not go true?!?! 
     if (this.response[key].system_id === this.system_id) { 
      this.system_data = this.response[key].system_data 
     } 
     } 
    }) 
    .catch(e => { 
     this.errors.push(e) 
    }) 
    } 

なぜトリガーしないのですか？

Answer 1

不一致のデータ型に問題がある可能性があります。 ===演算子は、if（1234 === "1234"）に対してfalseを返します。 ==演算子を使用する