如何在Javascript中通过关联数组的索引“循环”

Question

这是一个 toggle 有 2 个或更多项目，需要选择下一个项目，以便依次选择所有值。

这个特定关联数组中的索引是唯一的，它们的数量是可变的（2 个或更多），并且没有原型元素。我知道旧索引，我想将新索引设置为找到的下一个索引（如果旧索引恰好是最后一个，则设置为第一个）。

这是我想出的，但我想知道是否有更优雅的方式。关联数组为strings，旧索引为oldx：

var i, 
    seen_oldx = 0, 
    newx = "";

for (i in strings) {
  if (seen_oldx) {
    newx = i; // index after oldx (not reached if oldx is last)
    break; // found it, stop looking
  }
  else if (i === oldx) 
    seen_oldx = 1;
  else if (!newx) 
    newx = i; // newx is the first (in case oldx is last)
  }
}

Answer 1

如果不添加另一个小数据结构，似乎没有一个真正优雅的解决方案。我最终添加了字符串关联数组的所有索引的适当数组：

for (var i in strings) i_strings.push(i);

然后代码就是：

newx = (oldx + 1) % i_strings.length;

Answer 2

您似乎在描述一个堆栈。因此，您只需根据需要将项目从堆栈中弹出，不需要索引等。

这是 LIFO - 后进先出

 var stack=[];
 stack.push(1);
 stack.push(2);
 stack.push(3);

然后删除项目

 var result = stack.pop();

Answer 3

这是一个提案，其中包含一个数据数组和一个数组属性array.index 用于保留最后一个索引和一个用于返回数组下一个元素的函数。

var array = ['yellow', 'green', 'blue', 'orange'],
    i;

function getNext(array) {
    if (!('index' in array)) {                // test if property index exist
        array.index = -1;                     // if not create one with start value -1
    }
    array.index++;                            // increment index
    array.index = array.index % array.length; // move the index into the right interval
    return array[array.index];                // return element
}

for (i = 0; i < 10; i++) {
    document.write(getNext(array) + '<br>');
}