localstorage 응용문제 증복 갯수

[이건상]

 $('.buy').click(function (e) {
            var title = $(e.target).siblings('h5').text();
            var num = 1;

            if (localStorage.getItem('cart') == null) {
                localStorage.setItem('cart', JSON.stringify([{ title, num }]));
            } else {
                var 꺼낸거 = JSON.parse(localStorage.cart);
                var found = false;

                꺼낸거.forEach((a, i) => {
                    if (a.title.includes(title)) {
                        a.num++;
                        found = true;
                    }
                });

                if (!found) {
                    꺼낸거.push({ title, num });
                }

                
                localStorage.removeItem('cart');
                localStorage.setItem('cart', JSON.stringify(꺼낸거));
            }
        });

이렇게 마지막에 removeItem으로 지우고 다시 넣어도 나중에 서버랑 통신하면서 클라이언트에 띄우는 데 오류없이 잘 작동할까요?

[codingapple]

removeItem은 빼도 setItem만 하면 기존값 잘 덮어씌워줄걸요

[이건상]

그러게요 제대로 덮어씨워지네요.. 그런데 궁금한 점이 있습니다.
 꺼낸거.forEach((a, i) => {
                    if (a.title.includes(title)) {
                        a.num++;
                        found = true;
                    }
                }); 후에
 localStorage.setItem('cart', JSON.stringify(꺼낸거)); 를 하면 왜 덮어씨워지는 건가요
1이 올라간 num를 포함한 다른 오브젝트가 추가되어야 하는 거 아닌가요 이 부분이 헷갈립니다

[codingapple]

같은 'cart' 라는 key는 2개 이상 존재할 수 없습니다

[글쓴이]

글