break,continue,return能够在哪些数组遍历方法中正常使用（上）!

先说结论：在for、for-in、for-of中，break和continue使能够正常执行而且达到想到的结果，可是return 不能正常执行。在forEach、map、filter中break和continue会出现异常，return会跳出当前循环，可是会继续接下来的循环。

1、for循环

一、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]);
}
复制代码

二、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]);
}
复制代码

三、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不能够。

2、for-in循环

一、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]);
}
复制代码

二、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]);
}
复制代码

三、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不能够。

3、for-of循环

一、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]);
}
复制代码

二、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]);
}
复制代码

三、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不能够。

4、forEach循环

一、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);
});
复制代码

二、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);
});
复制代码

三、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会跳出当前循环，可是不会终止循环的继续。

5、filter循环

一、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);
复制代码

二、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);
复制代码

三、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会跳出当前循环，而且会去除当前位置，改变数组的长度，可是不会终止循环的继续。

6、map循环

一、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);
复制代码

二、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);
复制代码

三、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替换，不会改变数组的长度，可是不会终止循环的继续。