vue---循環方式以及跳出循環

在做VUE項目開發過程中，數據循環是常見的操作方式，以下是幾種常見的數據循環方式：

一、for循環

let data = [1,2,3,4,5,6,7,8,9,10];
for(let i=0; i<data.length; ++i){
    console.log(data[i]);
    if(i>5){
        break;
    }
}

二、forEach循環

let data = [1,2,3,4,5,6,7,8,9,10];
data.map((item,key) => {
    console.log(item,key);
});

map循環會分配內存空間，存儲新的數據並返回

三、forEach循環

let data = [1,2,3,4,5,6,7,8,9,10];
data.forEach((item,key) => {
    console.log(item,key);
});

四、filter循環

let data = [1,2,3,4,5,6,7,8,9,10];
let result = data.filter((item,index) => {
    return item < 5;
});
console.log(result); // 1 2 3 4

過濾不滿足條件的元素，把滿足條件的元素返回一個新的數組，不會改變原來的數組

五、every循環（return false跳出循環）

let data = [1,2,3,4,5,6,7,8,9,10];
let result = data.every((item,key) => {
    return item > 10;
});
console.log(result); // false

every遍歷數組，當每一項爲true時返回true，否則爲false

六、some循環（return true跳出循環）

let data = [1,2,3,4,5,6,7,8,9,10];
data.some((item,key) => {
    if(item==5){
        return true;
    }
});

遍歷數組，當條件爲true的時候，就會停止循環