javascript - 为什么它首先打印出 "undefined"？

Question

我有一个循环，它创建列表项并将其插入 <ol>元素。它工作得很好，但是，它打印出来的第一件事是 <ol> 内的“未定义”。 (虽然不是 <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);
  }

Answer 1

赋值 <li> 时不要在 = 之前使用 +对于monthsItem，它将monthsItem的值(这是明显未定义的)与您的 <li> 连接起来片段。
只需使用简单的赋值运算符即可进行赋值，例如:

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