JavaScript 对象，找不到 'quantity'

Question

我正在为杂货店网站创建购物 list 应用程序。我是 javascript 新手，而且还不太了解 javascript 对象。

我开始创建应用程序，这就是我所拥有的: http://casb1.cloudapp.net/1024/92da5d49e7b5cbfd68388a7742e5dd54/shopping%20list/jqtest.html

然后有人比我更擅长 Javascript，建议将数据存储在对象中，而不是使用 html 输出。所以我开始重新构建应用程序，现在我有了这个:

http://casb1.cloudapp.net/1024/92da5d49e7b5cbfd68388a7742e5dd54/shopping%20list/jqtest2.html

当您现在尝试添加项目时，它不起作用。它在控制台中输出此错误:

Uncaught TypeError: Cannot read property 'quantity' of undefined 

此错误发生在以下位置:第 125 行:

p.listhtml += '<li>' + p.items[i]['quantity'] +' - '+ p.items[i]['item'] +' <input type="button" href="#" class="killwithfire" value="trash"></li>';    

我在代码中留下了很多注释，希望可以使其更易于阅读。

谁能告诉我这是怎么回事？我没有打错字...并且由于我的添加到列表功能，应该有一个值...

提前感谢任何提供帮助的人。

Answer 1

您迭代的次数太多了。替换<=通过<在你的for环形。您正在迭代 3 次。第三次i等于 2。但是索引 2 超出了数组的范围。

for( var i = 0; i < p.items.length; i++ ){
}