javascript打印多维数组

Question

当我尝试获取要附加到 div HTML 中的数组值时出现错误

Jquery 的代码是这样的：

var products = [
{ title: 'Botín', price: 800.44, category: 'Botines', image: '../images/005030000D65804_1.jpg', brand: 'nike' },
{ title: 'Ojotas', price: 300.99, category: 'Ojotas', image: '../images/004632000F88356_1.jpg', brand: 'adidas' },
{ title: 'Zapatillas', price: 1120.00, category: 'Calzado', image: '../077632604336703_1.jpg', brand: 'puma' },
{ title: 'Short', price: 320.44, category: 'Vestimenta', image: '../images/077652619598012_1.jpg', brand: 'nike' },
{ title: 'Pantalón', price: 360.44, category: 'Natación', image: '../images/005030000D65804_9.jpg', brand: 'nike' } 
];

我用 for 来获取值，它给了我“未定义”，我不明白。

我试图发布我使用的代码，但我做了一些更改，现在我不记得了。请帮忙！

Answer 1

如 cmets 中所述，products 是一个对象数组。因此，您必须像这样遍历它们：

jQuery(products).each(function(i, obj) {
    jQuery('div#your_div_id').append(obj.title + ' costs $' + obj.price);
    // etc etc...
});

jsFiddle Example