JavaScript continue 语句（一文讲透）

💡一则或许对你有用的小广告

欢迎加入小哈的星球 ，你将获得：专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论

• 新项目:《从零手撸：仿小红书（微服务架构）》 正在持续爆肝中，基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17...，点击查看项目介绍 ;
• 《从零手撸：前后端分离博客项目（全栈开发）》 2 期已完结，演示链接： http://116.62.199.48/ ;

截止目前， 星球 内专栏累计输出 82w+ 字，讲解图 3441+ 张，还在持续爆肝中.. 后续还会上新更多项目，目标是将 Java 领域典型的项目都整一波，如秒杀系统, 在线商城, IM 即时通讯，权限管理，Spring Cloud Alibaba 微服务等等，已有 2900+ 小伙伴加入学习 ，欢迎点击围观

前言

在 JavaScript 开发中，循环是处理重复任务的核心工具。但有时，我们可能需要在循环过程中跳过特定迭代，直接进入下一轮循环。这时，continue 语句就派上了用场——它像一个“传送门”，瞬间将程序从当前循环的剩余代码跳转到下一次迭代。无论是过滤无效数据、优化性能，还是处理复杂逻辑，掌握 JavaScript continue 语句 都能让你的代码更简洁、高效。本文将从基础到实战，逐步解析其用法和技巧。

1. continue 语句的基本语法

语法结构

continue 是一个无参数的语句，其核心作用是立即终止当前循环的本轮迭代，并跳转到循环的下一次迭代。其基本语法如下：

for (初始化; 条件; 迭代) {  
  if (某个条件) {  
    continue; // 跳出本轮循环，进入下一轮  
  }  
  // 其他代码（在 continue 后的代码不会执行）  
}  

初级案例：过滤偶数

假设我们需要遍历一个数组，只输出奇数：

const numbers = [1, 2, 3, 4, 5];  
for (let i = 0; i < numbers.length; i++) {  
  if (numbers[i] % 2 === 0) {  
    continue; // 遇到偶数直接跳过本轮  
  }  
  console.log(numbers[i]); // 只输出奇数  
}  
// 输出结果：1, 3, 5  

比喻：可以把 continue 看作游戏中的“传送门”——当满足条件时，玩家（程序）直接跳过当前关卡（本轮循环），进入下一关。

2. 在不同循环结构中的使用

continue 语句可以与 for、while、do...while 等所有循环结构配合使用，但需注意其作用范围仅限于最内层循环。

2.1 在 for 循环中的应用

for (let i = 0; i < 5; i++) {  
  if (i === 2) {  
    continue; // 当 i=2 时，跳过本轮循环  
  }  
  console.log(i); // 输出 0, 1, 3, 4  
}  

2.2 在 while 循环中的应用

let count = 0;  
while (count < 5) {  
  count++;  
  if (count === 3) {  
    continue; // 跳过 count=3 的本轮迭代  
  }  
  console.log(count); // 输出 1, 2, 4, 5  
}  

2.3 在 do...while 循环中的应用

let num = 0;  
do {  
  num++;  
  if (num % 3 === 0) {  
    continue; // 跳过能被3整除的数  
  }  
  console.log(num); // 输出 1, 2, 4, 5, 7  
} while (num < 7);  

3. 结合条件语句的进阶用法

continue 通常与 if、switch 等条件语句配合，实现更灵活的逻辑控制。

3.1 过滤无效数据

在处理用户输入时，常需要跳过空值或非法字符：

const userInput = ["apple", "", "banana", null, "cherry"];  
for (let i = 0; i < userInput.length; i++) {  
  if (!userInput[i]) { // 如果是空值或 null  
    continue; // 跳过当前元素  
  }  
  console.log(`有效输入：${userInput[i]}`);  
}  
// 输出：有效输入：apple，有效输入：banana，有效输入：cherry  

3.2 处理嵌套循环

在嵌套循环中，continue 可以直接跳过内层循环的当前迭代：

for (let row = 0; row < 3; row++) {  
  for (let col = 0; col < 3; col++) {  
    if (row === col) {  
      continue; // 跳过对角线元素  
    }  
    console.log(`(${row}, ${col})`);  
  }  
}  
// 输出：(0,1), (0,2), (1,0), (1,2), (2,0), (2,1)  

4. 实际应用场景案例

4.1 案例1：表单验证过滤

假设需要验证用户提交的邮箱地址，跳过空值或格式错误的输入：

const emails = ["user@example.com", "", "invalid-email", "admin@site.com"];  
for (const email of emails) {  
  if (!email || !email.includes("@")) {  
    continue; // 跳过无效邮箱  
  }  
  console.log(`验证通过：${email}`);  
}  
// 输出：验证通过：user@example.com，验证通过：admin@site.com  

4.2 案例2：优化性能的“提前终止”

在遍历大型数组时，continue 可以减少不必要的计算：

const largeArray = Array.from({ length: 1000 }, (_, i) => i);  
for (const num of largeArray) {  
  if (num % 10 !== 0) {  
    continue; // 只处理能被10整除的数  
  }  
  // 假设这里有一个耗时操作  
  console.log(`处理：${num}`);  
}  

5. continue 与 break 的对比

关键区别

示例对比

// 使用 continue 跳过偶数  
for (let i = 0; i < 5; i++) {  
  if (i % 2 === 0) continue;  
  console.log(i); // 输出 1, 3  
}  

// 使用 break 终止循环  
for (let i = 0; i < 5; i++) {  
  if (i === 3) break;  
  console.log(i); // 输出 0, 1, 2  
}  

6. 使用注意事项与最佳实践

6.1 避免滥用 continue

过度使用可能导致代码逻辑混乱，建议：

• 在条件判断后立即使用 continue，避免与后续代码混淆。
• 对复杂条件使用注释说明跳过的原因。

6.2 结合日志或调试工具

在开发阶段，可以通过 console.log 或调试器验证 continue 的跳转逻辑是否符合预期。

6.3 处理多层循环时的标签（Label）

若需跳出外层循环，可以结合标签（Label）和 break，但 continue 无法直接作用于外层循环：

outerLoop: // 标签定义  
for (let i = 0; i < 3; i++) {  
  for (let j = 0; j < 3; j++) {  
    if (i === 1 && j === 1) {  
      break outerLoop; // 直接跳出外层循环  
    }  
    console.log(`(${i}, ${j})`);  
  }  
}  
// 输出仅包含 i=0 的所有组合  

结论

JavaScript continue 语句 是控制循环流程的“瑞士军刀”，它通过灵活跳过无效迭代，帮助开发者简化逻辑、提升代码效率。无论是过滤数据、优化性能，还是处理复杂嵌套结构，掌握其用法和边界条件至关重要。

在实际开发中，建议结合条件语句合理使用 continue，同时注意代码的可读性。通过本篇的案例和对比分析，希望读者能深入理解这一语句的核心价值，并在项目中灵活应用。

记住：continue 是工具，而非万能解——它让代码更高效，但过度使用可能导致“隐藏逻辑”。保持代码简洁，才是长久之计！