循环遍历JavaScript对象

循环遍历JavaScript对象,javascript,jquery,arrays,object,Javascript,Jquery,Arrays,Object,我试图循环遍历这个JavaScript对象,但它只返回最后一个键 这是我的密码 var array = [ { "outfit": { "url": "http://www.nintendo.co.uk", "title":"T-shirt", "price":"£20" } }, { "outfit": { "url": "ht

我试图循环遍历这个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>'
        }


    });

}
我基本上是在尝试循环浏览数据,将其提取出来作为一个look book carousel。然后在旋转木马的每个幻灯片的$'.slide.content'中附加每个数据段

任何帮助都将不胜感激。非常感谢你有同样的钥匙。 JS对象中的键必须是唯一的。

已编辑

结果

T恤 裤子 连衣裙 我更改了代码的结构。它可能会帮助你解决你的问题

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]);
}

我发现,如果我们在一个JavaScript对象中有相同的键,那么在transpiler/compiler遍历JavaScript对象时,它将获得键的更新信息。因此,如果您真的想实现它,键应该是唯一的。关联数组是最方便的方法,因为索引将帮助您检索数据,无论数据是否重复


第二种方法:如果您只想使用js对象,那么在js对象中创建一个数组,在该数组中您有相同的键。

重复的键将被重新播放。因此,您的对象将只有一个键值对。在您的对象中,这两个属性都命名为。因此,在枚举过程中,只显示第二个。如果酒店名称不同,两个名称都会出现。服装会重复,第二个名称会覆盖第一个名称。加布里埃尔·特里评论有效这必须作为评论。没有回答,好的,谢谢。使钥匙独一无二,一切正常。Vignesh Raja,我没有评论的名声。请删除负面声誉Nasir Altaf如果这对您有帮助,请将其作为正确答案投票请将其添加到jsbin或JSFIDLE。。。在第一套服装中。。。第二个链接没有被输出,谢谢
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]);
}