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替換，不會改變數組的長度，可是不會終止循環的繼續。