JS 跳转语句

网站

break - JavaScript | MDN

continue - JavaScript | MDN

引入

跳转语句用来改变代码原本的执行顺序。

在循环和函数中，经常需要提前结束、跳过某次执行，或者把结果返回出去。

正文

定义

定义

跳转语句是用来改变程序执行流程的语句，常见有 break、continue、return。

break

break 用来结束当前循环或 switch 分支。

for (let i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
 
  console.log(i);
}

当 i === 3 时，循环直接结束。

continue

continue 用来跳过本次循环，继续下一次循环。

for (let i = 0; i < 5; i++) {
  if (i === 3) {
    continue;
  }
 
  console.log(i);
}

当 i === 3 时，本次 console.log(i) 不执行，但循环还会继续。

return

return 用在函数里，用来返回结果，也会结束函数执行。

function add(a, b) {
  return a + b;
}
 
const result = add(1, 2);
 
console.log(result);

return 后面的内容是函数执行后交回来的结果。

function checkAge(age) {
  if (age < 18) {
    return "未成年人";
  }
 
  return "成年人";
}
 
console.log(checkAge(20));

函数遇到 return 后，后面的代码不会继续执行。

常见写法

写法	作用
break;	结束循环或 switch
continue;	跳过本次循环
return value;	返回结果并结束函数
return;	不返回具体值，只结束函数

例子

找到目标后停止循环

const list = ["HTML", "CSS", "JS"];
 
for (let i = 0; i < list.length; i++) {
  if (list[i] === "CSS") {
    console.log("找到了");
    break;
  }
}

跳过不需要的数据

const numbers = [1, 2, 3, 4];
 
for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] % 2 === 0) {
    continue;
  }
 
  console.log(numbers[i]);
}

特点

• break 是直接停止
• continue 是跳过本次，继续下一次
• return 只能在函数中返回结果或结束函数
• return 后面的代码不会继续执行
• switch 中常用 break 防止继续往下执行
• 跳转语句不要滥用，否则代码阅读会变难

理解

跳转语句就是给代码执行流程加控制按钮。

break 像停止按钮，continue 像跳过按钮，return 像函数的结束和交结果按钮。

它们都不是单独解决问题，而是配合循环、条件判断和函数使用。

引出

理解跳转语句之后，可以继续学习 JS 函数，重点理解 return 和返回值。