打印数组和索引时出现问题 - 控制台记录所有内容,输出仅打印最后一个



我需要在页面上打印一个带有索引的数组。控制台记录所有索引,但只打印出最后一个索引。在这样的代码中:

<body>
  <p id="answer"></p>
<script>
  let array = [11, 22, 33, 44];
  for (let value of array) {
    results = array.indexOf(value) + ':' + value;
    console.log(results);
      }
   document.getElementById("answer").innerHTML=results
</script>
</body>
您需要将

循环中的部分添加到innerHTML .

let array = [11, 22, 33, 44],
    result;
for (let value of array) {
    results = array.indexOf(value) + ':' + value;
    document.getElementById("answer").innerHTML += results + '<br>';
}
<p id="answer"></p>

更好的版本可能是收集所需的信息并从结果中加入一个新字符串。

let array = [11, 22, 33, 44];
document.getElementById("answer").innerHTML = array
    .map((v, i) => [i, v].join(':'))
    .join('<br>');
<p id="answer"></p>

最新更新