javascript - 逐步浏览对象项

Question

很像我上周问的问题，发现here 。我试图通过创建一个 Images 对象而不是将它们放在数组中来完成同样的事情。这是我到目前为止的代码。

JS

var Images = {
    image1: {
        href: "Image",
        text: "Bleh"
    },
    image2: {
        href: "Image",
        text: "Helb"
    }
};

$("#next").on("click", function(){
    for(var key in Images){
        console.log(Images[key]);
    }
})

因此，它不是单步执行数组位置，我试图让它在每次单击下一个按钮时单步执行每个项目。是否会以与单步执行相同的方式完成此操作数组？

我也不是在寻找任何人为我编写代码，只是为了解释它是如何工作的。提前致谢。

Answer 1

使用现有的对象结构，一种方法如下所示:

var currPosition = 0;
$("#next").on("click", function(){
    console.log(Images['image' + ++currPosition]);
})

也就是说，你的对象只是将它们列为 image1、image2 等...这对我来说是数组。因此，如果您的结构更像是:

var Images = [{ href: "Image", text: "Bleh" }, { href: "Image", text: "Helb"}];

那么代码看起来会更干净一点:

var currPosition = 0;
$("#next").on("click", function(){
    console.log(Images[currPosition++]);
})