Значение массива обновления Javascript, если существует, иначе выдвиньте новый массив к объекту

Question

Я пытаюсь обновить значение в массиве, если оно найдено, а если нет, то добавить новый массив к нему.

Вот некоторый код, который я пробовал:

var cartItems = {};
var items = []
cartItems.items = items;
$('.proAdd').click(function(){
var name = $(this).attr("data-name");
var price = parseFloat($(this).attr("data-price"));
var quantity = parseInt($(this).attr("data-quantity"));

var item = {"name": name,"price": price,"quantity": quantity}

items.forEach(function(item) {
if (item.name === name) {
item.quantity = 2
return; 
}else{
cartItems.items.push(item);
}
});

В этой версии отмечается толкание.Если я удалю ветку else, то она обновляет ее, но также выдвигает ее.Я создал скрипку для этого .

Также попробовал это, но он говорит, что x.quantity не определено:

var index = items.findIndex(x => x.name==name)
if (index != -1){
x.quantity = 2
}
else {
cartItems.items.push(item);
}

Answer 1

Поскольку index хранит индекс элемента, а x является временным значением, которое недоступно после этой строки. Вместо этого используйте find и убедитесь, что вы смотрите на одно и то же items каждый раз:

var item = cartItems.items.find(x => x.name == name);
if (item) {
  item.quantity = 2;
} else {
  cartItems.items.push(item);
}