Javascript wenn nicht wahr

Question

Ich habe eine seltsame Javascript-Problem. Ich verwende vue js und axios, um einige Daten von einer API zu bekommen. Ich habe console.log ausgegeben und die Werte sind da, aber meine if-Anweisung wird nicht wahr sein.

Die Dateien wurden entfernt, damit das Codebeispiel kleiner ist.

Siehe Inline-Kommentare.

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) 
    }) 
    } 

Warum funktioniert das wenn nie?

Answer 1

Das Problem möglicherweise mit nicht übereinstimmenden Datentypen. === Der Operator gibt false für if zurück (1234 === "1234"). Verwenden Sie == Operator