콘솔에 찍어보는 초간단 장바구니 리스트 프로젝트
<aside> ☝ 목차
</aside>
let carts = [];
기본 로직
displayCart()
함수 호출 (아직 만들지 않았음)function addCart(id, name, price, quantity) {
const index = carts.findIndex((cart) => cart.id === id);
if (index === -1) {
carts.push({ id, name, price, quantity });
} else {
carts[index].price = price;
carts[index].quantity += quantity;
}
displayCarts();
}
기본 로직
function displayCarts() {
console.log('장바구니 목록: ');
carts.forEach((cart) => {
console.log(
`${cart.id}: ${cart.name} - ${cart.price}원, 수량: ${cart.quantity}개`
);
});
}
displayCarts를 구현 했으니 addCart를 활용해서 아래 내용을 추가해보면
addCart(1, '사과', 1000, 3);
addCart(2, '바나나', 2000, 7);
addCart(3, '딸기', 8000, 12);
콘솔에 출력되는 모습은 아래와 같다
장바구니 목록: 1: 사과 - 1000원, 수량: 3개 2: 바나나 - 2000원, 수량: 7개 3: 딸기 - 8000원, 수량: 12개
여기에 만약 현재 존재하는 1번 사과의 가격과 갯수를 달리 한다면 가격은 5000원으로 업데이트, 갯수는 3개에서 1개가 추가된 4개가 출력될 것이다.
addCart(1, '사과', 5000, 1);
콘솔에 출력되는 모습은 아래와 같다
장바구니 목록: 1: 사과 - 5000원, 수량: 4개 2: 바나나 - 2000원, 수량: 7개 3: 딸기 - 8000원, 수량: 12개