javascript - 循环两个不同长度的数组，并正确排序输出

Question

假设您有两个数组 - headline 和 content。
标题将包含 1、2 或 3 个字符串。 内容将包含 3、6 或 9 个字符串。

我需要循环这些数组。 我试图获得的输出:

Headline1
Content1
Content2
Content3
Headline2
Content4
Content5
Content6
Headline3
Content7
Content8
Content9

此嵌套循环不起作用，因为它将所有内容都放在每个标题下方。

headline = ["Headline1", "Headline2", "Headline3"];
content = ["Content1", "Content2", "Content3", 
           "Content4", "Content5", "Content6",
           "Content7", "Content8", "Content9"];

for(var i = 0; i < headline.length; i++){
    console.log(headline[i]);
  for(var j = 0; j < content.length; j++){
    console.log(content[j]);
  }
}

我从表单中获取字符串，并将它们插入数组中。
数组的长度取决于用户希望使用的字段数量。
关于如何解决这个问题有什么建议吗？

Answer 1

内部循环应该只循环 3 次，而不是循环所有的 content.length。要获取内容中的适当条目，请使用 i*3+j。

headline = ["Headline1", "Headline2", "Headline3"];
content = ["Content1", "Content2", "Content3",
  "Content4", "Content5", "Content6",
  "Content7", "Content8", "Content9"
];

for (var i = 0; i < headline.length; i++) {
  console.log(headline[i]);
  for (var j = 0; j < 3; j++) {
    console.log(content[i * 3 + j]);
  }
}