javascript - 如何在一个 for 循环中覆盖网格中的每个方 block ？

Question

我正在实现动态 map 图 block ，但遇到了一些令人费解的问题。假设我有一个 8x8 方格的网格，就像棋盘一样。我需要在每个正方形上放置一个图像，最好从中心开始并从那里开始。

这是否可以在单个 for 循环中完成，还是需要多个循环？正如我所说，这些图像是正方形，并且被放置在 map 上。它们的纬度/经度均为 0.025°。

这是我最初的想法:

for (var i=-0.25; i<=0.25; i+=0.025) {
    var adjustedLatitude = (requestedLatitude + i);
    var adjustedLongitude = (requestedLongitude + i);
}

当然，这只会以对 Angular 线图案填充网格。最好的方法是什么？

Answer 1

我个人认为使用嵌套循环最具可读性:

for (var i=-0.25; i<=0.25; i+=0.025) {
    for (var j=-0.25; j<=0.25; j+=0.025) {
        var adjustedLatitude = (requestedLatitude + i);
        var adjustedLongitude = (requestedLongitude + j);
        doStuffWithAxes(adjustedLatitude, adjustedLongitude);
    }
}

但是，您可以使用单个循环来完成它，如下所示:

for (var i=0; i<=20*20; i++) {
    var xoffset = (i % 20 - 10) / 40;
    var yoffset = (i / 20 - 10) / 40;
    var adjustedLatitude = (requestedLatitude + xoffset);
    var adjustedLongitude = (requestedLongitude + yoffset);
    doStuffWithAxes(adjustedLatitude, adjustedLongitude);
}