如何正确显示数组？HTML数组赋值作业代码故障求助

咱们一步步拆解你代码里的问题，然后给出能得到预期结果的正确实现：

你的代码里的关键错误 #

• 第一个for循环的分号陷阱：你在第一个for循环末尾加了分号;，这直接让循环体变成了空语句，后面的array1[i] = i只会在循环结束后执行一次——此时i已经累加到5了，所以你只给array1[5]赋值了5，前5个下标（0-4）根本没被处理。
• 第二个for循环的条件逻辑错误：array1.length< i >5是完全无效的JavaScript表达式，引擎没法解析这种连续比较的写法。而且你同样在这个循环末尾加了分号，导致循环体和后续的赋值语句都没执行。
• 后5个元素的步长错误：你写的i=i+3会让下标跳着走，完全不符合“遍历后5个元素”的需求，应该用i++（或者i=i+1）来逐个遍历。

修正后的完整代码 #

<!DOCTYPE html>
<html lang="en">
<head>
<title>Arrays</title>
<script>
var array1 = new Array(10);
// 处理前5个元素：下标0-4，值等于对应下标
for(var i = 0; i < 5; i++){
    array1[i] = i;
}
// 处理后5个元素：下标5-9，值等于下标+2
for(var i = 5; i < array1.length; i++){
    array1[i] = i + 2;
}
</script>
</head>
<body>
<script>
document.write(array1);
</script>
</body>
</html>

代码逻辑解释 #

1. 第一个循环：遍历下标0到4（因为i < 5），每个位置直接赋值为当前下标，这样前5个元素就会是0,1,2,3,4。
2. 第二个循环：从下标5开始，一直到数组末尾（i < array1.length，数组长度是10，所以i会走到9），每个位置赋值为i + 2，这样后5个元素就会是7,8,9,10,11。
3. 最后用document.write(array1)输出，就能得到你预期的0,1,2,3,4,7,8,9,10,11。

如果想简化代码，也可以用数组的map方法实现，但用for循环更直观，适合理解数组基础操作~

内容的提问来源于stack exchange，提问作者Amanda Jo Gobble