Javascript if 不返回 true

Question

我有一个奇怪的 JavaScript 问题。我正在使用 vue js 和 axios 从 API 获取一些数据。我已经转储了 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)
    })
  }

为什么 if 永远不会触发？

Answer 1

问题可能与数据类型不匹配有关。对于 if(1234==="1234")， === 运算符将返回 false。使用 == 运算符