为什么我在实际想要的东西之后得到一个“未定义”的行？

Question

剧透警告：我正在发布HackerRank的“楼梯”问题的解决方案。所以，我试图解决初学者的挑战，用JS打印梯子。我必须编写一个函数，该函数根据作为参数输入的步骤数打印梯子。例如：stairs(4)应该返回   #  ## #######我得到了这个代码，虽然它基本上没问题，但我最终得到了一个“未定义”的行。所以：function staircase(n) {    var stair=[]; /*array of strings */    for (var i=1; i <=n; i++){        var step= " ".repeat(n-i).concat("#".repeat(i));        stair.push(step);    }    for (var i=0; i<=stair.length; i++){        console.log(stair[i])    }}当楼梯 （6） 运行时， 它返回以下内容：     #    ##   ###  #### ###########undefined困扰我的是“未定义”这个词，它阻止我提交slution。我只猜测一个可能的解决方案是替换第二个for循环声明中的“<=”，简单地表示“<”，这就做到了：function staircase(n) {    var stair=[]; /*array of strings */    for (var i=1; i <=n; i++){        var step= " ".repeat(n-i).concat("#".repeat(i));        stair.push(step);    }    for (var i=0; i<stair.length; i++){        console.log(stair[i])    }}当我运行楼梯（6）时，它会返回它应该返回的内容：     #    ##   ###  #### ###########虽然问题解决了，但我不明白为什么。我的问题是：为什么“未定义”一词出现在第一种情况下，为什么我所做的替换修复了它？感谢！

Answer 1

给定它的数组将具有 .[1, 2, 3]length3

• foo[0]是1

• foo[1]是2

• foo[2]是3

既然你然后记录哪个是... .3 <= array.lengthfoo[3]undefined

Answer 2

当您在 for 循环中使用 i<=n 运行 staircase（6） 时，在上一次迭代中，您正在访问第六个索引处的元素，该元素不存在，因此它是未定义的。数组索引从 0 开始，因此对于 staircase（6），索引最多只能达到 5。

Answer 3

第一个循环从 1 到 n（n 次迭代）运行

for (var i=1; i <=n; i++){

        // statements

}

而第二个循环从 0 到 n（总共 n+1 次迭代）

for (var i=0; i<=stair.length; i++){

        console.log(stair[i])

}

由于楼梯中只有 n 个值，因此在第 n 次 + 1 次迭代中，将返回未定义。

Answer 4

你应该在数组上运行，直到像这样：stairi < stair.length

function staircase(n) {

  var stair=[]; /*array of strings */

  for (var i=1; i <=n; i++){

      var step= " ".repeat(n-i).concat("#".repeat(i));

      stair.push(step);

  }

  for (var i=0; i<stair.length; i++){

      console.log(stair[i])

  }

}

staircase(6)

根据MDN的说法：

JavaScript 数组的索引为零：数组的第一个元素位于索引 0 处，最后一个元素的索引等于数组的 length 属性值减去 1。