# JS中如何跳出循环/结束遍历
直接抛结论，下表是JS中常用的实现循环遍历的方法的跳出/结束遍历的办法，经过测试后的总结。可能各位大佬还有其他的办法，我在此表示大佬NB。
| 序号 | 方法 | break | continue | return | return true | return false | 结论 |
|---|---|---|---|---|---|---|---|
| 1 | for循环 | 成功 | 跳出本次循环 | 不合法 | 不合法 | 不合法 | √ |
| 2 | Array.forEach() | 不合法 | 不合法 | 跳出本次循环 | 跳出本次循环 | 跳出本次循环 | × |
| 3 | for...in | 成功 | 跳出本次循环 | 不合法 | 不合法 | 不合法 | √ |
| 4 | Array.map() | 不合法 | 不合法 | 跳出本次循环 | 跳出本次循环 | 跳出本次循环 | × |
| 5 | Array.some() | 不合法 | 不合法 | 跳出本次循环 | 成功 | 跳出本次循环 | √ |
| 6 | Array.every() | 不合法 | 不合法 | 成功 | 跳出本次循环 | 成功 | √ |
| 7 | Array.filter() | 不合法 | 不合法 | 跳出本次循环 | 跳出本次循环 | 跳出本次循环 | × |
forEach、map和filter目前我不知有什么办法停止遍历，在其他几种方法中，上表中列出的方法均可实现结束循环。
# 1. for循环
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
for (var i = 0; i < arr.length; i++) {
if (i === 2) {
break;// ['a', 'b'] 成功跳出循环
// continue;// ['a', 'b', 'd', 'e'] 只能跳出本次循环
// return;// Uncaught SyntaxError: Illegal return statement
// return true;// Uncaught SyntaxError: Illegal return statement
// return false;// Uncaught SyntaxError: Illegal return statement
}
show.push(arr[i]);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 2. Array.forEach()
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
arr.forEach((item, index) => {
if (index === 2) {
// break;// Uncaught SyntaxError: Illegal break statement
// continue;// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement
// return;// ["a", "b", "d", "e"] 只能跳出本次循环
// return true;// ["a", "b", "d", "e"] 只能跳出本次循环
// return false;// ['a', 'b', 'd', 'e'] 只能跳出本次循环
}
show.push(item);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 3. for...in...
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
for (var item in arr) {
if (item === '2') {
break;// ["a", "b"] 跳出循环成功
// continue;// ["a", "b", "d", "e"] 只能跳出本次循环
// return;// Uncaught SyntaxError: Illegal return statement
// return true;// Uncaught SyntaxError: Illegal return statement
// return false;// Uncaught SyntaxError: Illegal return statement
}
show.push(arr[item]);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
# 4. Array.map()
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
arr.map((item, index) => {
if (index === 2) {
// break;// Uncaught SyntaxError: Illegal break statement
// continue;// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement
// return;// ["a", "b", "d", "e"] 只能跳出本次循环
// return true;// ["a", "b", "d", "e"] 只能跳出本次循环
// return false;// ["a", "b", "d", "e"] 只能跳出本次循环
}
show.push(item);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 5. Array.some()
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
arr.some((item, index) => {
if (index === 2) {
// break;// Uncaught SyntaxError: Illegal break statement
// continue;// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement
// return;// ["a", "b", "d", "e"] 只能跳出本次循环
return true;// ["a", "b"] 成功跳出循环
// return false;// ["a", "b", "d", "e"] 只能跳出本次循环
}
show.push(item);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 6. Array.every()
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
arr.every((item, index) => {
if (index === 2) {
// break;// Uncaught SyntaxError: Illegal break statement
// continue;// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement
// return;// ["a", "b"] 成功跳出循环
// return true;// ["a", "b", "d", "e"] 只能跳出本次循环
return false;// ["a", "b"] 成功跳出循环
}
return show.push(item);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
some()与every()不同，some遍历中一个为真全部即为真，而every遍历中全部为真才行。some遍历中返回true才会退出执行，而every则需要返回false才会退出执行。
# 7. Array.filter()
var arr = ['a', 'b', 'c', 'd', 'e'];
var show = [];
arr.filter((item, index) => {
if (index === 2) {
// break;// Uncaught SyntaxError: Illegal break statement
// continue;// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement
// return;// ["a", "b", "d", "e"] 只能跳出本次循环
// return true;// ["a", "b", "d", "e"] 只能跳出本次循环
return false;// ["a", "b", "d", "e"] 只能跳出本次循环
}
show.push(item);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13