javascript - for 循环从数组创建列和行

Question

我知道这可能是我刚开始时学到的东西，但不记得它是如何完成的，因为我从未使用过它。我有一个正在循环的数组，但没有得到所需的结果。我试图让输出像这样......

一二三四
五六七

但它不断出现
一二三四
一二三四
一二三四
一二三四
一二三四
一二三四
一二三四

有人可以告诉我我做错了什么吗？

var arr = [
    "One",
    "Two",
    "Three",
    "Four",
    "Five",
    "Six",
    "Seven"
];

for (row = 0; row < arr.length; row++) {
    for (col = 0; col < 4; col++) {
        document.write(arr[col] + "&nbsp;");
    }
    document.write('<br/>');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

您可以将行号乘以行的大小:

var arr = [
  "One",
  "Two",
  "Three",
  "Four",
  "Five",
  "Six",
  "Seven"
];

const rowSize = 4;

for (row = 0; row < arr.length / rowSize; row++) {

  const startingIdx = row * rowSize;
  for (col = startingIdx; col < arr.length && col < startingIdx + rowSize; col++) {
    document.write(arr[col] + "&nbsp;");
  }

  document.write('<br/>');
}