在写购物车页面时,又遇到了一个问题🤬,点击加入购物车时,会将这件商品的数据对象加入到一个数组里,这时就需要对这个数组进行去重了,不然购物车页面里渲染出的数据会有重复的。这个数组类似于这种:
let arr = [ {id:1,name:1}, {id:2,name:2}, {id:3,name:3}…],需要对这个进行去重。稍加思索。。。。果断百度去🤭,记录在此:
fn () { // state.goodsList就是需要去重的数组哦
state.goodsList.push(shoppingCarObj) //这是点击加入购物车时,将数据加到这个数组里
let fil = state.goodsList.filter((item, index) => {
let temArr = [] //将对象里的某个属性,放入这个临时数组
state.goodsList.forEach(item2 => {
temArr.push(item2.id) //我这里放进临时数组的是每个对象里的id
});
return temArr.indexOf(item.id) === index // 然后使用indexOf()方法当作过滤的条件
})
state.goodsList= fil
},