打印阵列和索引时出现问题-控制台记录所有日志,仅输出最后一个输出

时间:2019-01-17 15:56:10

标签: javascript arrays

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

<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>

1 个答案:

答案 0 :(得分:1)

您需要将循环内的零件添加到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>