break,continue,return可以在哪些数组遍历方法中正常使用（上）!-优快云博客

本文探讨了JavaScript中不同类型的循环（for、for-in、for-of、forEach、map、filter）下break、continue及return语句的行为差异。通过示例代码演示了这些控制语句在各种循环中的实际效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先说结论：在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);
复制代码