JavaScript中首次迭代后无法push元素？数组访问出现undefined问题求助

嘿，我来帮你搞明白这个问题～

先拆解你代码里的数组变化逻辑：

• 你一开始初始化的数组是 var arr = [""]，这时候数组已经包含1个元素，索引0对应的就是那个空字符串。
• 当调用 arr.push(response1) 时，push 方法是往数组末尾追加元素，所以此时数组变成了 ["", "hello"]，总共有2个元素，有效索引范围是0和1。
• 你尝试访问 arr[2]，但这个位置根本没有被赋值过元素，所以输出 undefined 是完全正常的结果。

两种修正方案 #

根据你的实际需求，有两种解决方式：

方案1：初始化空数组 #

如果你的初衷是从空数组开始构建内容，把数组初始化改成空数组即可：

const response1 = "hello";
var arr = []; // 初始化空数组
arr.push(response1);
console.log("First position " + arr[0]); // 输出：First position hello
console.log("Second position " + arr[1]); // 输出：Second position undefined（此时数组只有1个元素）
// 如果需要第三个位置有值，继续push元素：
arr.push("second item");
arr.push("third item");
console.log("Third position " + arr[2]); // 输出：Third position third item

方案2：保留初始空字符串，追加更多元素 #

如果你确实需要数组一开始就包含空字符串，那要访问第三个位置，就得再追加至少一个元素：

const response1 = "hello";
var arr = [""];
arr.push(response1);
arr.push("third element"); // 新增第三个元素
console.log("First position " + arr[0]); // 输出：First position 
console.log("Second position " + arr[1]); // 输出：Second position hello
console.log("Third position " + arr[2]); // 输出：Third position third element

内容的提问来源于stack exchange，提问作者Samson