"TypeError ..undefined" dans la boucle for

Question

J'utilise BootstrapVue.

Ce que je veux faire : J'ai un b-form-input dans lequel j'écris un b-form-input ，我在其中写了一个数字。单击我的 b-button 后，我想将其添加到我的 inputs 中。这很好用，但现在我想先检查我的号码是否仍在我的 inputsnuméro

. Après avoir cliqué sur mon bouton b, je souhaite l'ajouter à mes entrées. Cela fonctionne très bien, mais maintenant je veux d'abord vérifier si mon

numéro est toujours dans mes entrées. inputs 添加某些内容后，我总是收到以下错误：[Vue warn]：v-on 处理程序错误：“TypeError：this.inputs[i] 未定义” “

Question :

J'essaie de demander à mon for-loop

J'ai déclaré que tout dans mes données est correct et sans this.inputs[0].number cela fonctionne bien. Qu'est-ce qui ne va pas ici ? Je n'arrive pas à comprendre..

Quand j'essaie de faire ceci :

J'obtiens les données correctes..

Merci d'avoir essayé de m'aider !

Code dans mon modèle :

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

Code dans mon script : 🎜🎜

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

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

Le gestionnaire fixe doit être :

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