为何数组的element Index遍历方法失效？求原因及可行代码

First off, the core issue with your for...in approach is that you're trying to iterate over an empty array (userAge starts as new Array() with no elements). The for...in statement loops over enumerable properties of an object—but an empty array has no index properties (like 0, 1, etc.) to iterate over yet. That’s why the loop never runs at all; there’s nothing to loop through!

Your original for loop worked because it relied on a counter condition (even though loopCounter >=0 would create an infinite loop unless you added a break inside) instead of existing elements in the array. The for...in loop, by contrast, needs properties to exist before it can iterate over them.

Fixes & Practical Alternatives #

Let’s walk through a few solutions depending on what you’re trying to achieve:

1. Collect a Fixed Number of Ages #

If you want users to enter a specific number of ages, define the count first, then use a standard index-based for loop:

var userAge = [];
var numOfEntries = prompt("How many ages would you like to enter?", "1");
numOfEntries = parseInt(numOfEntries);

// Validate input before looping
if (!isNaN(numOfEntries) && numOfEntries > 0) {
  for (var elementIndex = 0; elementIndex < numOfEntries; elementIndex++) {
    var ageInput = prompt(`Enter age ${elementIndex + 1}:`, "0");
    var age = parseInt(ageInput);
    
    if (!isNaN(age)) {
      userAge[elementIndex] = age;
    } else {
      alert("That's not a valid age! Try again.");
      elementIndex--; // Retry this entry
    }
  }
  console.log("Collected ages:", userAge);
} else {
  alert("Please enter a valid positive number.");
}

2. Let Users Enter Ages Until They Cancel #

If you want to let users keep entering ages until they click "Cancel" on the prompt, a while loop is ideal:

var userAge = [];
while (true) {
  var ageInput = prompt("Enter an age (click Cancel to stop):", "0");
  
  // Exit loop if user cancels (prompt returns null)
  if (ageInput === null) break;
  
  var age = parseInt(ageInput);
  if (!isNaN(age)) {
    userAge.push(age); // Add valid age to the array
  } else {
    alert("Oops, that's not a number. Try again!");
  }
}
console.log("Collected ages:", userAge);

3. When Should You Use for...in? (Almost Never for Arrays) #

for...in is not recommended for arrays because it can iterate over non-index properties (like if you added custom methods to the array). For iterating over existing array elements, use:

• A standard index-based for loop (like your original code)
• Modern for...of loop:

  // For an array that already has elements
  for (const age of userAge) {
    console.log("Age:", age);
  }
  

• Array method forEach:

  userAge.forEach((age, index) => {
    console.log(`Age at index ${index}: ${age}`);
  });
  

Key Takeaway #

for...in is built for object properties, not array elements. For arrays, stick to index-based loops, for...of, or array methods—they’re more predictable and avoid unexpected behavior.

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