5 个增量后 JavaScript 换行！

Question

我又被困住了....。 我需要使用 javaScript 在每 5 个增量后添加一个换行符。例如，

img1        img2         img3         img4        img5
img6        img7         img8         img9        img10

这就是我的想法。

for (i = 0; i < blah.length; i++) {
    imgholder.innerHTML += i;
    if (i > 5) {
        imgholder.innerHTML += '<br>';
    }
}

好吧，我确实意识到这不是最结构化的代码（所以我很抱歉），但它只是一个示例。 希望这是有道理的。请随时提出更多问题以进行澄清。
干杯，
山姆

Answer 1

这将在元素 6、7、8（从零开始，因此加 1 以获得图像编号）之后中断，因为它们都大于 5。所以你会得到

img1   img2   img3   img4   img5   img6   img7
img8
img9
img10

：需要将: 替换

if (i > 5) {

为:

if ((i % 5) == 4) {

以便它在元素4 (img5)、9 (img10)、14 (img15) 等之后中断。

而且，由于您要求解释，因此当您进行除法时，模运算符会为您提供余数。因此，12 % 5 可以算出 12 除以 5 后剩下的部分。 12 / 5 为您提供 10，余数为 2，因此 12 % 5 为 2< /代码>。

下表可能会有所帮助：

  i  | i % 5
-----+------
  0  |   0
  1  |   1
  2  |   2
  3  |   3
  4  |   4 *
  5  |   0
  6  |   1
  7  |   2
  8  |   3
  9  |   4 *
 10  |   0
 11  |   1
 12  |   2

您可以看到它在值 {0, 1, 2, 3, 4} 之间循环，因此我们只需选择要插入分隔符的值（在 <代码>4，用*标记）。

Answer 2

这是低技术含量，但它可以：

if(i % 5 == 4) {
    imgholder.innerHTML+='<br>';
}

Answer 3

您可以在 if 检查中使用“取模”运算符 % 而不是大于 >。

  for(i=0;i<blah.length;i++) {
    imgholder.innerHTML+=i;
    if(0 == ((i+1)%5)) {
      imgholder.innerHTML+='<br>';
    }
  }

Answer 4

您正在寻找模运算符

for(i=0;i<blah.length;i++){
  if((i+1) % 5 == 0){
    your br goes here
  }
}