先说结论:在for、for-in、for-of中,break和continue使可以正常执行并且达到想到的结果,但是return 不能正常执行。在forEach、map、filter中break和continue会出现异常,return会跳出当前循环,但是会继续接下来的循环。
一、for循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i = 0; i < array.length; i++) {
if (5 == i) {
break;
}
console.log(array[i]);
}
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i = 0; i < array.length; i++) {
if (5 == i) {
continue;
}
console.log(array[i]);
}
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i = 0; i < array.length; i++) {
if (5 == i) {
return;
}
console.log(array[i]);
}
结论:break和continue可以在for中正常执行,return不可以。
二、for-in循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i in array) {
if (5 == i) {
break;
}
console.log(array[i]);
}
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i in array) {
if (5 == i) {
continue;
}
console.log(array[i]);
}
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i in array) {
if (5 == i) {
return;
}
console.log(array[i]);
}
结论:break和continue可以在for-in中正常执行,return不可以。
三、for-of循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i of array) {
if (5 == i) {
break;
}
console.log(array[i]);
}
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i of array) {
if (5 == i) {
continue;
}
console.log(array[i]);
}
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for(let i of array) {
if (5 === i) {
return;
}
console.log(array[i]);
}
结论:break和continue可以在for-in中正常执行,return不可以。
四、forEach循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
array.forEach((item) => {
if (5 == item) {
break;
}
console.log(item);
});
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
array.forEach((item) => {
if (5 == item) {
continue;
}
console.log(item);
});
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
array.forEach((item) => {
if (5 == item) {
return;
} else {
console.log(item);
}
});
结论:break和continue不可以在forEach中正常执行,会出现异常,return会跳出当前循环,但是不会终止循环的继续。
五、filter循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.filter((item) => {
if (5 == item) {
break;
}
return item;
});
console.log(res);
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.filter((item) => {
if (5 == item) {
break;
}
return item;
});
console.log(res);
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.filter((item) => {
if (5 == item) {
return;
}
return item;
});
console.log(res);
结论:break和continue不可以在filter中正常执行,会出现异常,return会跳出当前循环,并且会去除当前位置,改变数组的长度,但是不会终止循环的继续。
六、map循环
1、break使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.map((item) => {
if (5 == item) {
break;
}
return item;
});
console.log(res);
2、continue使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.map((item) => {
if (5 == item) {
break;
}
return item;
});
console.log(res);
3、return使用
let array = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let res = [];
res = array.map((item) => {
if (5 == item) {
return;
}
return item;
});
console.log(res);
结论:break和continue不可以在filter中正常执行,会出现异常,return会跳出当前循环,当前位置会用undefined替换,不会改变数组的长度,但是不会终止循环的继续。