オブジェクトの配列にオブジェクトを追加するjavascript push（）メソッド

Question

var model = { 
    cats: [ 
    { 
     clickCount: 0, 
     name: "Panther", 
     imgUrl: "images/cat1.png"   
    }, 
    { 
     clickCount: 0, 
     name: "Tiger", 
     imgUrl: "images/cat2.png"   
    }, 
    { 
     clickCount: 0, 
     name: "Rocky", 
     imgUrl: "images/cat3.png"   
    }, 
    { 
     clickCount: 0, 
     name: "Marshal", 
     imgUrl: "images/cat4.png"   
    }, 
    { 
     clickCount: 0, 
     name: "Simpson", 
     imgUrl: "images/cat5.png"   
    }, 
    { 
     clickCount: 0, 
     name: "Kajol", 
     imgUrl: "images/cat6.png"   
    } 
    ] 
}; 
catObject = { 
       name: document.getElementById('text-name').value, 
       url: document.getElementById('text-url').value, 
       count: document.getElementById('text-count').value 
      }; 

モデルはオブジェクトの配列です。私はmodel.cats.push（catObject）を使って別のオブジェクトを追加しようとしています。 ここで、text-name、text-url、text-countは、フォーム内のテキストボックスのIDです。 希望の結果が得られません。私はcatObject.nameだけがmodel.catsにプッシュされ、catObject.urlとcatObject.countは追加されていないので、 'undefined'はmodel.cats.imgUrlとmodel.cats.clickCountの値です。 必要に応じてフルコードを追加できます。私は物事をしようとしました..誰かが私がここに何かを見逃しているかどうかを確認できますか？前もって感謝します。

Answer 1

補正

modelは、オブジェクトの配列ではなくmodelないオブジェクトの配列である性質（すなわちcats）を含むオブジェクトです。

あなたはあなたの説明から

正しいなら、あなたがあなたがloopへを使用している場合があります

を間違っていた何model.cats.push(catObject);

を使用してcatsにcatObjectを成功裏にプッシュしていることは明らかですcats配列内の要素にアクセスし、の場合はundefined 0およびmodel.cats.imgUrlは、catObjectという名前のプロパティがurlとcountという名前のため、プッシュした最後のオブジェクトのみです。 imgUrlおよびclickCountの代わりに）。したがって、プロパティ名をimgUrlとclickCountに変更して問題を解決してください。

Corrected code here