如何获取循环内数组值的位置信息

Question

我需要获取循环内数组的位置信息。

我有两个变量。

var columns = 4, 
    rows = 5;

因此，根据 i 的值（循环中），数组将如下所示：

现在，我要生成一个信息数组。

var positions = [], 
    totalCount = columns * rows;

for (var i = 1; i <= totalCount; i++) {
    var informationObject = {
        "column": "column number",
        "row": "row number",
        "column_count": "column count",
        "row_count": "row count",
    };

    positions.push(informationObject);
}

console.log(positions);

这里有详细的架构：

我不想根据位置信息来不同地准备这个positions数组。

你可能会问我尝试了什么。我实际上是在做自定义代码。就像if(i=7){//do operation}，我的意思是完全人性化的代码。这变得非常奇怪。我认为有办法动态地做到这一点。

请帮忙。提前致谢。

Answer 1

基于i 对输出进行硬编码不是一个可行的解决方案。您要输出的属性值可以通过使用模运算符 (%) 和除法获得：

var columns = 4,
  rows = 5,
  positions = [],
  totalCount = columns * rows;

for (var i = 0; i < totalCount; i++) {
  let r = Math.ceil(i / columns);
  let c = (i % columns) + 1;
  
  positions.push({
    column: c,
    row: r,
    column_count: r,
    row_count: c
  });
}

console.log(positions);

有关更多信息，请参阅以下 MDN 链接：

• Modulo operator (%)
• Math.ceil()

Answer 2

使用两个 for 循环是您想要轻松捕获 x/y 信息的方法。其中 x 代表左/右，y 代表上/下。

这就是你要找的吗？

var columns = 4, 
    rows = 5;
var positions = [], 

for (let x = 1; x <= columns; x++) {
    for(let y=1;y<=rows;y++){
    var informationObject = {
            "column": x,
            "row": y,
            "column_count": y,
            "row_count": x,
        };

        positions.push(informationObject);
    }
}

console.log(positions);