编程笔记 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 来实现更复杂的控制流,但这一特性在现代编程实践中并不常用,因为可能导致代码可读性和维护性降低。

相关推荐
熊的猫26 分钟前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
明月看潮生1 小时前
青少年编程与数学 02-003 Go语言网络编程 09课题、Cookie
青少年编程·golang·网络编程·编程与数学
明月看潮生1 小时前
青少年编程与数学 02-003 Go语言网络编程 15课题、Go语言URL编程
开发语言·网络·青少年编程·golang·编程与数学
明月看潮生2 小时前
青少年编程与数学 02-003 Go语言网络编程 14课题、Go语言Udp编程
青少年编程·golang·网络编程·编程与数学
别拿曾经看以后~2 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
川石课堂软件测试2 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
JerryXZR2 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
problc3 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
Gavin_9153 小时前
【JavaScript】模块化开发
前端·javascript·vue.js