如何限制for-in循环的最大迭代次数？最多执行10次

首先要说明：for-in 本质是为遍历对象属性设计的，用它遍历数组可能会意外获取到原型链上的非索引属性（比如扩展的数组方法）。如果不是必须用for-in，更推荐用for-of或普通for循环来遍历数组，以下是针对不同场景的解决方案：

1. 用计数器控制for-in循环 #

如果你一定要使用for-in，可以通过计数器来限制迭代次数：

const array = [/* 你的数组元素 */];
let iterationCount = 0;

for (const index in array) {
  // 先判断是否达到最大迭代次数，是则跳出循环
  if (iterationCount >= 10) {
    break;
  }
  
  // 这里编写你的业务逻辑，注意array[index]才是数组元素
  console.log(`第${iterationCount+1}个元素：`, array[index]);
  
  iterationCount++;
}

2. 更适合数组的遍历方式（推荐） #

方法一：for-of循环+计数器 #

for-of是ES6新增的遍历可迭代对象的语法，专门适合遍历数组：

const array = [/* 你的数组元素 */];
let iterationCount = 0;

for (const entry of array) {
  if (iterationCount >= 10) {
    break;
  }
  
  // 直接拿到数组元素，无需通过索引获取
  console.log(`第${iterationCount+1}个元素：`, entry);
  
  iterationCount++;
}

方法二：普通for循环（最直观） #

直接通过索引控制遍历范围，逻辑清晰且性能最优：

const array = [/* 你的数组元素 */];
// 取数组长度和10的较小值，避免数组长度不足10时出现越界
const maxTimes = Math.min(10, array.length);

for (let i = 0; i < maxTimes; i++) {
  const entry = array[i];
  console.log(`第${i+1}个元素：`, entry);
}

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