vue 中数组的循环的使用

const arr = [
    {id:1,name:'西瓜',state:true,price:10,count:1}
    {id:2,name:'西瓜',state:false,price:10,count:1}
    {id:3,name:'西瓜',state:true,price:10,count:1}
]

 

some 循环

forEach()  循环一旦开始，无法在中间停止

arr.some((item,index) => {
    if()    //一旦找到对应项，就可以 'return true' 结束
    return true //固定写法
})

 

every()循环

//判断：数组中，是否被全选，可以用every()判断
const redult = arr.every(item => item.state)
​
//返回 ture or false
​
//every(判断条件 是 true 还是 false)

 

reduce()循环

let amt = 0
arr.filter(item => item.state).forEach(item => {
    amt += item.price * item.count
})
//使用 forEach()方法

arr.filter(item => item.state).reduce((累加的结果，当前循环项),初始值)
​
​
arr.filter(item => item.state).reduce(amt,item) => {
    return amt += item.price * item.count
},0)
​
arr.filter(item => item.state).reduce(amt,item) => amt += item.price * item.count
},0)    // 简写