编程笔记 html5&css&js 080 JavaScript 跳转语句

编程笔记 html5&css&js 080 JavaScript 跳转语句

  • [1. `break` 语句](#1. break 语句)
  • [2. `continue` 语句](#2. continue 语句)
  • [3. `return` 语句](#3. return 语句)
  • 注意

在JavaScript中,跳转语句用于改变程序执行流程的顺序.

1. break 语句

break 语句用来强制退出当前循环(如 forwhiledo...while 循环)或 switch 语句。一旦遇到 break,它所在的整个循环体或 case 子句都会被终止。

javascript 复制代码
// 在循环中的 break 示例
let i = 0;
while (true) {
    if (i === 5) {
        break; // 当 i 等于5时,跳出循环
    }
    console.log(i);
    i++;
}

// 在 switch 语句中的 break 示例
let color = 'red';
switch (color) {
    case 'red':
        console.log('The color is red.');
        break; // 遇到红色时打印并退出 switch 语句
    case 'green':
        console.log('The color is green.');
        break;
    default:
        console.log('The color is not defined.');
}

2. continue 语句

continue 语句用于跳过当前循环体中剩余的语句,并继续下一次循环迭代。

javascript 复制代码
// continue 在 for 循环中的示例
for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) { // 如果 i 是偶数
        continue; // 跳过本次循环体剩余部分
    }
    console.log(i); // 只会输出奇数
}

3. return 语句

return 语句通常用在函数中,用于从函数内部返回一个值并立即停止函数的执行。

javascript 复制代码
// return 在函数中的示例
function findFirstEvenNumber(array) {
    for (let item of array) {
        if (item % 2 === 0) {
            return item; // 找到第一个偶数后立刻返回该值,并结束函数执行
        }
    }
    return null; // 若数组中没有偶数,则返回 null
}

let numbers = [1, 3, 5, 8, 9];
console.log(findFirstEvenNumber(numbers)); // 输出:8

注意

在 JavaScript 中还可以使用标签(label)配合 breakcontinue 来实现更复杂的控制流,但这一特性在现代编程实践中并不常用,因为可能导致代码可读性和维护性降低。

相关推荐
就改了17 分钟前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_19 分钟前
Ajax 入门
前端·javascript·ajax
奋飛43 分钟前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟1 小时前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor1 小时前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter1 小时前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
呆呆的心1 小时前
JavaScript 深入理解闭包与柯里化:从原理到实践 🚀
javascript·面试
快起来别睡了1 小时前
看完这篇文章,你就知道什么是proxy
javascript
请你吃div1 小时前
JavaScript 实用函数大全(超实用)
前端·javascript·面试