podmienie wartości obiektu w tablicy

Question

Dobry Wieczór, ponawiam pytanie bo utknąłem...

Poniżej tablica do której pushuje dane:

let pricesAndIdObjArray = [];
    const productPricesAndId = document.querySelectorAll('[data-price][data-price-id]').forEach((item) => {
        pricesAndIdObjArray.push({itemId : item.getAttribute('data-price-id'), itemPrice : item.getAttribute('data-price')});
    });

a tutaj funkcja odpowiedzialna za to, że kiedy klikne w dany select to cena produktu mi sie zmienia i wyświetla mi sie ta cena tj. currentPriceAfterSelect, teraz jak zrobić tak, aby ta cena równiez zmieniała sie w tablicy pricesAndIdObjArray. Do czego dąże - chce, aby po wybraniu ilości produktu jego cena mi sie zmieniała i to już osiągnąłem. Zalezy mi też aby zmieniala wartosc w tej tablicy pricesAndIdObjArrayu, bo ona bedzie odpowiedzialna za calkowita sume ceny produktow, ktora obecnie wyswietla mi cene tą podstawową..

czyli sume produktów, które są po jednej ilości.

Już troszke sie nad tym głowie i nie wiem jak to ogarnąć, proszę o jakąś podpowiedż, Miłego wieczoru :) 

 const selectQuantinity = (e) => {
        let option = e.target.value;
        let selectId = e.target.getAttribute("data-id");
        const checkSelect = pricesAndIdObjArray.filter((item) => item.itemId === selectId);   
        const currentPriceAfterSelect = checkSelect.map((item) => item.itemPrice * option);
        console.log(pricesAndIdObjArray)
        let newPriceAfterSelect = e.target.previousElementSibling;
        newPriceAfterSelect.innerHTML = `${currentPriceAfterSelect}$`;
    }
    quantinitySelect.forEach((option) => {option.addEventListener('click', selectQuantinity)});
 }

 

Comments

Ja bym użył zwykłej pętli for zamiast filter, ponieważ te funkcje tablicy zwracają nowe tablice. Ewentualnie możesz usunąć element z tablicy i go dodać ponownie.