js循环

5 阅读1分钟

1.遍历数组,想在满足某个条件时终止循环

  • 如果需要提前终止循环,优先使用 forfor...of 或 some()/every()
  • 如果只是查找元素,使用 find() 或 findIndex() 更简洁。

1.1 传统 for 循环

使用 break 语句可立即终止循环:

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 3) break; // 当元素为 3 时跳出循环
  console.log(arr[i]); // 输出: 1, 2
}

1.2 for...of 循环

通过 break 实现条件跳出:

const arr = [1, 2, 3, 4, 5];
for (const num of arr) {
  if (num === 3) break; // 当元素为 3 时跳出循环
  console.log(num); // 输出: 1, 2
}

1.3 for...in 循环

适用于遍历对象属性,同样支持 break

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  if (obj[key] === 2) break; // 当值为 2 时跳出循环
  console.log(key); // 输出: a
}

1.4 while 和 do...while 循环

通过条件判断控制循环终止:

const arr = [1, 2, 3, 4, 5];
let i = 0;
while (i < arr.length) {
  if (arr[i] === 3) break; // 当元素为 3 时跳出循环
  console.log(arr[i]); // 输出: 1, 2
  i++;
}

break ,会导致程序终止包含它的循环,并进行程序的下一个阶段,跳到下一个循环周期而不是退出循环

return ,表示从被调用函数返回到主调函数,返回时,可附带一个返回值,return后,循环不再执行