return可以跳出for循环吗_JavaScript 跳出循环“三剑客”——continue、break、return

JavaScript —— 极简主义

---

看过上一篇文章评论内容的朋友，就会明白我为什么会在这个时候穿插去写这篇文章！越基础的东西就越容易被大家忽视，哪里是忽视，明明是我们从心底瞧不起它；好了，朋友，请收起我们那骄傲自大、不可一世、眼高手低的心态，掌握的牢固不牢固我们自己心里还不清楚吗？先嘲笑下自己，给自己降降温，然后以空杯的心态去面对每一个细小的知识点，come on！

点关注，不迷路哦~

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2];let len = arr.length;

1、continue

特点：终止当前循环体，继续去执行下一个循环。

for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { continue; } console.log(arr[i])}结果：1, 2, 3, 4, 5, 1, 2

2、break

特点：退出包含在最内层(就近原则)的循环

for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i])}结果：1, 2, 3, 4, 5

写到这里应该看出来continue和break的差别了吧，自己去观察，最后我再作总结；接下来我们继续进一步来挖掘什么是就近原则?

for(let k = 0; k < 2; k++){ for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果：1, 2, 3, 4, 5, 1, 2, 1, 2, 3, 4, 5, 1, 2for(let k = 0; k < 1; k++){ if ( k > 1 ) { break; } for(let i = 0; i < len; i++) { console.log(arr[i]) }}结果：1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2for(let k = 0; k < 2; k++){ if ( k > 0 ) { break; } for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果：1, 2, 3, 4, 5for(let k = 0; k < 2; k++){ if ( k < 1 ) { break; } for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果：空

小结：所谓就近原则，就是只影响包含它的最近的循环，只能受父亲，不能受爷爷，也不受儿子的影响，也可以说是解耦的。也常用语switch(n){ case 1: alert(1); break; default: alert(2); }中。

2)return

特点：只能出现在函数体内，用来终止整个函数的执行并返回想要返回值。

for(let i = 0; i < len; i++){ if ( arr[i] > 5 ) { return false; // 只能出现在函数体内！！！ } console.log(arr[i])}// 语法直接报错，无任何输出：Uncaught SyntaxError: Illegal return statementfunction func() { for(let i = 0; i < len; i++){ if ( arr[i] > 5 ) { return 888; } console.log(arr[i]) }}func();结果：1, 2, 3, 4, 5, 888

小结： 只能用于函数体内，用以终止整个函数的执行。

总结：

1)使用环境，是否必须在函数体中使用；

2)终止范围，一条循环 or 整个循环 or 整个函数；

3) 就近原则

点关注，不迷路~

同时，便于查看历史文章。