break,continue,return可以在哪些数组遍历方法中正常使用(上)!

2,639 阅读3分钟

先说结论:在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替换,不会改变数组的长度,但是不会终止循环的继续。