确定数组是否包含值并更新或创建它

Question

所以我在 Javascript 中有这个 Cart 对象...我想做的是检查给定购物车中是否存在商品。

• 如果存在，请更新其数量。
• 如果没有，则将其推送到 items 数组。

我是这样做的

let item = {id: this.id, name: this.name, price: this.price, amount: this.amount}
let hasItem = false;

this.cart.items.forEach(element => {
    if (element.id === item.id) {
        element.amount += item.amount
        hasItem = true; 
    }
})
if (!hasItem) {
    this.cart.items.push(item);
}

它工作正常，但我想知道是否有更快、更有效的方法来做到这一点……你有什么建议？

Answer 1

使用Array#find 方法。最大的好处是，如果在数组中找到该项目，它不会进一步遍历数组（forEach 会这样做，而且你无法阻止它这样做）。

let item = {id: this.id, name: this.name, price: this.price, amount: this.amount};
let listItem = this.cart.items.find(element => element.id === item.id)

if (!listItem) {
    this.cart.items.push(item);
} else {
    listItem.amount += item.amount;
}

Answer 2

更有效的方法是使用适当的数据结构 (Map) 而不是数组，例如：

let basket = new Map();

function add(product) {
    if(basket.has(product.id))
        basket.get(product.id).amount += product.amount;
    else
        basket.set(product.id, {...product});
}

add({id:1, name: 'bread', amount:1});
add({id:2, name: 'butter', amount:2});
add({id:1, name: 'bread', amount:2});
add({id:1, name: 'bread', amount:1});

console.log([...basket.values()])

这样，您可以保证通过产品 ID 进行 O(1) 查找。

Answer 3

试试看

let item = { id: this.id, name: this.name, price: this.price, amount: this.amount };

typeof ( this.cart.items.find( a => { return a.id === item.id ? ( a.amount += item.amount, true ) : false; } ) ) !== 'object' ? this.cart.items.push( item ) : undefined;