当前位置：首页 > news >正文

JavaScript 中循环控制语句跳出与示例说明

news 来源：原创 2025/5/1 7:08:05

以下是对循环控制语句的理解及新示例说明：

1. `for` 循环中的 `break` 和 `continue`

break：直接终止整个循环。
continue：跳过当前迭代，继续下一次循环。

示例代码：

let numbers = [10, 20, 30, 40, 50];// 示例1：使用 break 终止循环
for (let i = 0; i < numbers.length; i++) {if (i === 2) { // 当 i=2（元素是30）时终止循环break;}console.log(numbers[i]); // 输出：10, 20
}// 示例2：使用 continue 跳过当前迭代
for (let i = 0; i < numbers.length; i++) {if (i === 2) { // 跳过 i=2（元素30）的迭代continue;}console.log(numbers[i]); // 输出：10, 20, 40, 50
}

2. `forEach` 中的 `return`

return 在 forEach 中仅跳过当前迭代，作用类似 continue。
无法使用 break，因为 forEach 会遍历整个数组。

示例代码：

let numbers = [10, 20, 30, 40, 50];numbers.forEach((num, index) => {if (num === 30) { // 跳过元素30的迭代return;}console.log(num); // 输出：10, 20, 40, 50
});

3. `for...in` 遍历对象

break 和 continue 的用法与 for 循环一致。

示例代码：

let student = {name: '小明',grade: '高一',hobby: '篮球',score: 95
};// 示例1：使用 break 终止循环
for (let key in student) {if (key === 'hobby') { // 遍历到 'hobby' 时终止break;}console.log(key); // 输出：name, grade
}// 示例2：使用 continue 跳过当前属性
for (let key in student) {if (key === 'grade') { // 跳过属性 'grade'continue;}console.log(key); // 输出：name, hobby, score
}

关键总结

循环类型	`break` 作用	`continue` 作用	跳过单次迭代的方法
`for` 循环	终止整个循环	跳过当前迭代	`continue`
`forEach`	不可用	不可用	`return`
`for...in`	终止整个循环	跳过当前属性遍历	`continue`