如何仅在 JavaScript 中迭代部分二维数组？

Question

我有二维数组

var arr = [[0,  1,  2,  3,  4,  5],
           [6,  7,  8,  9,  10, 11],
           [12, 13, 14, 15, 16, 17],
           [18, 19, 20, 21, 22, 23],
           [24, 25, 26, 27, 28, 29],
           [30, 31, 32, 33, 34, 35]];

现在我们将其分成更小的部分，例如 2x2。如何仅迭代此数组的部分（块），例如：索引为arr[2][4]、arr[2][5]、arr[3][4]、arr[3][5] 的项目？

编辑：

似乎这个问题不容易理解。我想遍历块。

var blocks = 9;
var output = '';
for( var block = 0; block < blocks; block++) { 
  // actual iteration over array
  for(var i = ... ) {
    for(var j = ... ) {
      output += arr[i][j] + ' ';
    }
  }
  console.log(output);
  output = '';
}

预期的输出是：

0 1 6 7
2 3 8 9
4 5 10 11
12 13 18 19
14 15 20 21
16 17 22 23
24 25 30 31
26 27 32 33
28 29 34 35

Answer 1

您需要嵌套for 循环。

var arr = [[0,  1,  2,  3,  4,  5],
       [6,  7,  8,  9,  10, 11],
       [12, 13, 14, 15, 16, 17],
       [18, 19, 20, 21, 22, 23],
       [24, 25, 26, 27, 28, 29],
       [30, 31, 32, 33, 34, 35]];

function loopThrough() {
    for(int i = 0; i < arr.length; i++) {
        // this will give you arr[0], arr[1], etc.
        for(int j = 0; j < arr.length; j++) {
            // this will give you arr[0][0], arr[0][1], etc.
            console.log(arr[i][j]);
        }
    }
}

loopThrough();

如果您希望它仅循环最后 2 个，则设置 j] = arr[i].length-2

<script type="text/javascript">

var arr = [[0,  1,  2,  3,  4,  5],
       [6,  7,  8,  9,  10, 11],
       [12, 13, 14, 15, 16, 17],
       [18, 19, 20, 21, 22, 23],
       [24, 25, 26, 27, 28, 29],
       [30, 31, 32, 33, 34, 35]];

function loopThrough() {
    for(var i = 0; i < arr.length; i++) {
        // this will give you arr[0], arr[1], etc.
        for(var j = arr[i].length-2; j < arr[i].length; j++) {
            // this will give you arr[0][0], arr[0][1], etc.
            console.log(arr[i][j]);
        }
    }
}

loopThrough();

</script>

Answer 2

function subblock_array(arr, startX, endX, startY, endY) {  
    var subArr = [];
    for (var ii=startX; ii<endX; ii++) {
        subArrY = [];
        for (var jj=startY; jj<endY; jj++) {
            subArrY.push(arr[ii][jj]);
        }
        subArr.push(subArrY);
    }
    return subArr;
}

subblock_array(arr, 2, 4, 4, 6)

Answer 3

您想按顺序访问这些索引：

arr[0][0] arr[0][1] arr[1][0] arr[1][1]
arr[0][2] arr[0][3] arr[1][2] arr[1][3]
[...]
arr[0][y-1] arr[0][y] arr[1][y-1] arr[1][y] // first two lines processed
arr[2][0] arr[2][1] arr[3][0] arr[3][1]     // we continue with the next two lines
[...]
arr[2][y-1] arr[2][y] arr[3][y-1] arr[3][y]
[...]
arr[x-1][0] arr[x-1][1] arr[x][0] arr[x][1]
[...]
arr[x-1][y-1] arr[x-1][y] arr[x][y-1] arr[x][y]

如您所见，我们有两个级别的迭代：第一个迭代行，跳过每隔一个，第二个迭代列，跳过一个。

下面的代码应该实现这个：

for (var x=0; x < arr.length; x+=2) {
  for (var y=0; y < arr[x].length; y+=2) {
    console.log(arr[x][y] + " " + arr[x][y+1] + " " + arr[x+1][y] + " " + arr[x+1][y+1]);
  }
}

您会注意到我们在每个循环中将迭代变量增加两个，因为内部块一次消耗两列和两行。

Answer 4

您需要一个带有偏移内部循环的循环来迭代最后两个位置。像这样的东西会起作用，你可以在这个 js fiddle 上看到结果：https://jsfiddle.net/0wfysb38/3/

var arr = [[0,  1,  2,  3,  4,  5],
           [6,  7,  8,  9,  10, 11],
           [12, 13, 14, 15, 16, 17],
           [18, 19, 20, 21, 22, 23],
           [24, 25, 26, 27, 28, 29],
           [30, 31, 32, 33, 34, 35]];



for(i = 0; i < arr.length - 1; i=i+2) {
    for(j = 0; j < arr[i].length - 1; j=j+2) {
        strOut = '';
        strOut = strOut + ', ' +arr[i][j];
        strOut = strOut + ', ' +arr[i][j+1];
        strOut = strOut + ', ' +arr[i+1][j];
        strOut = strOut + ', ' +arr[i+1][j+1];
        strOut = strOut.substring(1,strOut.length)
        console.log(strOut);
    }
}

编辑：更新代码以产生与预期输出匹配的结果。关键是将循环迭代 2，并通过偏移来寻找数组中的下一个位置。这不是很灵活，这个循环的数组应该有适当的结构。