javascript - 如何重复循环浏览 javascript 对象？

Question

我有一个像这样的javascript对象：

var object = [{ id: 1, title:"xyz" }, {id: 2, title: "abc"}, {id: 3, title: "sdfs"}];

现在我要做的是遍历对象，使其读取第一个 id 并输出“xyz”，然后暂停 5 秒，然后通过第二个 id 并输出“abc”，再次暂停 5 秒然后继续通过第三个条目输出“sdfs”，再次暂停 5 秒，然后从条目 1 重新开始。我希望这无限期地继续下去。任何帮助，将不胜感激。

Answer 1

您的基本递归函数：

function recursive(obj,idx) {
    if (obj[idx]) {
        alert(obj[idx].title);
       setTimeout(function(){recursive(obj,idx+1);}, 5000); // milliseconds
    };
};
recursive(myObject,0);

或者，无限循环：

function recursive(obj,idx) {
    if (obj[idx]) {
        alert(obj[idx].title);
        setTimeout(function(){recursive(obj,idx+1);}, 5000); // milliseconds
    } else {
        recursive(obj,0);
    };
};
recursive(myObject,0);

http://jsfiddle.net/Mezxw/

Answer 2

var object = [{ id: 1, title:"xyz" }, {id: 2, title: "abc"}, {id: 3, title: "sdfs"}];

setTimeout(doNextObject, 5000);

var index = 0;
var length = object.length;

function doNextObject() {
    alert(object[index].title);

    index = ++index % length;
    setTimeout(doNextObject, 5000);
}