遍历多级数组

Question

我有一组值，可以使用下一个/上一个按钮循环：

例子：

var sav = [
    "first item",
    "second item",
    "third item"
];

var box = document.getElementById('box');

var i = -1;

function next() {
    i = i >= sav.length - 1 ? 0 : i + 1;
    box.innerHTML = sav[i];
}

function prev() {
    i = i > 0 ? i - 1 : sav.length - 1;
    box.innerHTML = sav[i];
}

<a href="#" onclick="prev()">Previous</a>
<div id="box"></div>
<a href="#" onclick="next()">Next</a>

如果数组是多维的，请告诉我如何迭代？

我设法基于一维数组做了一个例子，但它在多维数组的情况下不起作用

Answer 1

next()和prev()函数只需要一点逻辑来循环两个因变量。 下面的片段进一步解释：

 var sav = [ ["0-a", "0-b", "0-c"], ["1-a", "1-b", "1-c"], ["2-a", "2-b", "2-c"], ]; const box = document.getElementById('box'); let row = 0, col = 0; box.innerHTML = sav[row][col]; function next() { if (col === sav[row].length-1) { // if the col is at its limit, reset... col = 0; //...and advance the row. if we're at its limit, reset it, too row = row === sav.length-1? 0: row+1; } else { // otherwise, just advance the col col = col+1 } box.innerHTML = sav[row][col] } function prev() { // same as above, except 0 is the limit, and we subtract to "advance" if (col === 0) { col = sav[row].length-1; row = row === 0? sav.length-1: row-1; } else { col = col-1 } box.innerHTML = sav[row][col] }

 <a href="#" onclick="prev()">Previous</a> <div id="box"></div> <a href="#" onclick="next()">Next</a>