循环访问 JavaScript 对象

debugcn 发表于 Dev

纳西尔·阿尔塔夫

我试图遍历这个 JavaScript 对象，但它只返回最后一个键。

这是我的代码

var array = [
    {
        "outfit": {
            "url": "http://www.nintendo.co.uk",
            "title":"T-shirt",
            "price":"£20"
        }
    },
    {
        "outfit": {
            "url": "http://www.nintendo.co.uk",
            "title":"T-shirt",
            "price":"£720"
        }
    },
    {
        "outfit": {
            "url": "http://www.nintendo.co.uk",
            "title":"T-shirt",
            "price":"£9920"
        }
    }
];

for(var i=0; i<array.length; i++){

    console.log(array[i]);

    $('.slide .content').each(function(index){
        if(i == index) {

            console.log(i + "==" + index);
            var contentDiv = $('.slide .content')[index];

            contentDiv.innerHTML = "";
            contentDiv.innerHTML = '<a href="'+ array[i].url +'">'+ array[i].title + '<span>'+ array[i].price +'</span></a>'
        }


    });

}

我基本上是在尝试遍历数据，将其提取为lookbook carousel。然后在 $('.slide .content') 中为轮播的每张幻灯片附加每条数据。

任何帮助将不胜感激。非常感谢

阿尔伯特

已编辑

var array = [
    {
        "outfit": [
            {
                "link": {
                    "url": "http://www.nintendo.co.uk",
                    "title":"T-shirt",
                    "price":"£20"
                },
            },
            {
                "link": {
                    "url": "http://www.bbc.co.uk",
                    "title":"Trousers",
                    "price":"£60"
                }
            }
        ]
    },
    {
        "outfit": [
            {
                "link": {
                    "url": "http://www.nintendo.co.uk",
                    "title":"Dress",
                    "price":"£920"
                }
            }
        ]
    }
];
array.forEach(function(value, index ){
    value.outfit.forEach(function( outfitValue, outfitIndex){
        console.log(outfitValue.link.title);
    });    
});

结果

T恤
裤子
裙子

https://jsfiddle.net/jzpL8dnm/13/

我改变了你的代码结构。它可以帮助您解决您的问题。

var array = [
    {
        "outfit": {
            "link": {
                "url": "http://www.nintendo.co.uk",
                "title":"T-shirt",
                "price":"£20"
            },
            "link": {
                "url": "http://www.bbc.co.uk",
                "title":"Trousers",
                "price":"£60"
            }
        }
    },
    {
        "outfit": {
            "link": {
                "url": "http://www.nintendo.co.uk",
                "title":"Dress",
                "price":"£920"
            }
        }
    }
];

for(var key in array){
    console.log(array[key]);
}