"TypeError ..undefined" dalam untuk gelung

Question

Saya menggunakan BootstrapVue.

Apa yang saya mahu lakukan: Saya mempunyai b-form-input di mana saya menulis b-form-input ，我在其中写了一个数字。单击我的 b-button 后，我想将其添加到我的 inputs 中。这很好用，但现在我想先检查我的号码是否仍在我的 inputsnombor

. Selepas b-button saya diklik, saya mahu menambahkannya pada input saya. Ini berfungsi dengan baik, tetapi sekarang saya ingin menyemak dahulu sama ada

nombor saya masih dalam input saya. inputs 添加某些内容后，我总是收到以下错误：[Vue warn]：v-on 处理程序错误：“TypeError：this.inputs[i] 未定义” “

Soalan:

Cuba tanya saya for-loop

Saya telah menyatakan bahawa semua dalam data saya adalah betul dan tanpa this.inputs[0].number ia berfungsi dengan baik. Apa yang salah di sini? Saya tidak dapat memahaminya..

Apabila saya cuba melakukan ini:

Saya mendapat data yang betul..

Terima kasih kerana cuba membantu saya!

Kod dalam templat saya:

<b-form-input v-model="number"></b-form-input>
<b-button @click="addSomething(number)"></b-button>

Kod dalam skrip saya: 🎜🎜

addSomething(number) {
  if(this.inputs != []) {
    for(let i = 0; i <= this.inputs.length; i++) {
      if(number === this.inputs[i].number) {
        console.log("Still existing!");
      } else if(number !== this.inputs[i].number) {
        this.inputs.push({
          INPUT_NUMBER: number,
        })
      }
    }
  }
},

🎜

Answer 1

Syarat penggunaan i <= this.inputs.length 您正在超出数组的范围。在 JavaScript 中，对数组进行过度索引会返回 undefined.

Pengendali tetap hendaklah:

addSomething(number) {
  if(this.inputs != []) {
    for(let i = 0; i < this.inputs.length; i++) {
      if(number === this.inputs[i].number) {
        console.log("Still existing!");
      } else if(number !== this.inputs[i].number) {
        this.inputs.push({
          INPUT_NUMBER: number,
        })
      }
    }
  }
},