1.some循环
some循环与forEach循环的区别
1.forEach循环找到目标元素后不能被终止,性能太差.
2.从数组中找元素时用some比较合适
const arr = ['小红', '你大红', '苏大强', '宝']
s
// forEach 循环一旦开始,无法在中间被停止
arr.forEach((item, index) => {
console.log('object')
if (item === '苏大强') {
console.log(index)
}
})
arr.some((item, index) => {
console.log('ok')
if (item === '苏大强') {
console.log(index)
// 在找到对应的项之后,可以通过 return true 固定的语法,来终止 some 循环
return true
}
})
2.every循环
const arr = [
{ id: 1, name: '西瓜', state: true },
{ id: 2, name: '榴莲', state: true },
{ id: 3, name: '草莓', state: true },
]
// 需求:判断数组中,水果是否被全选了!
// 如果 item的每一项item.state都为true 则返回true
const result = arr.every(item => item.state)
console.log(result)
3.数组的reduce方法
const arr = [
{ id: 1, name: '西瓜', state: true, price: 10, count: 1 },
{ id: 2, name: '榴莲', state: false, price: 80, count: 2 },
{ id: 3, name: '草莓', state: true, price: 20, count: 3 },
]
// 需求:把购物车数组中,已勾选的水果,总价累加起来!
//普通方法:
/* let amt = 0 // 总价
// 先通过filter筛选处理啊勾选的数组,然后再通过forEach循环计算价格
arr.filter(item => item.state).forEach(item => {
amt += item.price * item.count
})
console.log(amt) */
// arr.filter(item => item.state).reduce((累加的结果, 当前循环项) => { }, 初始值)
const result = arr.filter(item => item.state).reduce((amt, item) => amt += item.price * item.count, 0)
console.log(result)