javascript 对象键值循环 setInterval

Question

var coords={100: 100, 120: 120, 140: 140, 160:160, 180:180};

for (var key in coords) {
    console.log(key + ' - ' + coords[key]);
}

我有变量coords和for循环，可以打印出像这样的数字对:

100 - 100

120 - 120

140 - 140

160 - 160

180 - 160

我需要 setInterval 或其他东西来每秒控制每对数字。我尝试添加 setInterval，但在这种情况下，代码每秒打印所有数字，而不是单独的数字对。

Answer 1

这个问题有点不清楚，但我想这就是你要问的。它将打印第一对，等待，打印下一对，等待，依此类推。

var coords = {/* coords */};
var keys = Object.keys(coords);
var index = 0;

var interval = setInterval(function() {
    console.log(keys[index] + " - " + coords[keys[index]]);
    index++;
    if(index == keys.length) {
        clearInterval(interval);
    }
}, 3000);

作为旁注，the order of values in Javascript objects are not guaranteed 。如果打印坐标的顺序很重要，或者即使坐标实际上表示坐标列表，最好将坐标设置为数字对数组而不是对象。此外，对象的键会转换为字符串，这是数字坐标所不希望出现的情况。