javascript - 为什么先打印出“undefined”？

我有一个循环，该循环创建列表项并将其插入到<ol>元素中。它工作得很好，但是，打印出来的第一件事是<ol>内的“ undefined”（虽然不是<li>项），然后才出现真正的<li>项。

var calculatedPayments是input field中的数字（如5）。

 <ol id="month-list" class="list-group"></ol>

 var i;
  var monthsItem;
  for (i=1; i <= calculatedPayments; i++) {
    monthsItem += '<li class="list-group-item"> Månad '+i+':';
    monthList.innerHTML = monthsItem;
    console.log(i);
  }

最佳答案

在将<li>分配给monthsItem时，不要使用+ before =，它是将monthsItem的值（未明确定义）与您的<li>代码段连接在一起。只需使用简单的赋值运算符即可进行赋值：

monthsItem = '<li class="list-group-item"> Månad '+i+':';