循环遍历JavaScript对象
我试图循环遍历这个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
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]);
}