안녕하십니까? 수고 많으십니다.
주옥 같은 강의 정말 감동하며 잘 완강하였습니다.
강의를 듣고 연습용 개인 프로젝트를 통해 복습을 하는데 구글링 등 많은 시간을 들여도 해결이 안되어 부득이 여쭤봅니다.
문의 내용은 다음과 같습니다.
상품을 클릭하면 cart.js라는 파일에 [ {}, {}, {}...... ] 이런식으로 data가 추가되게 구현하였습니다. 즉 상품을 클릭하면 오브젝트형 배열 데이터가 추가되는 식으로.......
여기서 배열 요소 중 '가격'이 있는데 이 가격만 합계를 구하는 방법을 해보고 싶은데 잘 안되어서 문의드립니다.
예)
[{ 상품 : 컵라면, 수량 : 1, 가격 : 1,200원 } { 상품 : 컵밥, 수량 : 1, 가격 : 2,200원 } {상품 클릭 시 추가 될 수 있음}.......]
그런데 배열의 요소중에 가격만 합산해서 구하고 싶습니다. 합계 3,400원 이런식으로
코드 중 핵심 부분만 추출하면 다음과 같습니다.
=============================================
합계 <button @click="total">합계 </button>
상품 클릭 시 carting 함수 동작 부분 생략(상품의 title과 number와 price데이터가 cart.js로 전달)
import cart from './assets/cart.js';
methods: {
carting () {
var add = {
title: this.cart_title,
number: this.cart_num,
price: this.cart_price
};
this.cart.unshift(add);
},
total () { // 이부분이 궁금합니다. ㅠㅠ
this.cart.price.reduce((a, b) => { a + b; }, 0);
}
},
구글링해서 제일 비슷한게 자바스크립트의 reduce를 사용하는 것이 비슷할 것 같아서 해보았는데...
잘 안되는 것 같습니다.
초보인데 너무 무리한 연습을 하는 건 아닌지 모르겠습니다.
답변 해야할 양이 많으면 참고할만한 사이트(URL)라도 알려주시면 감사하겠습니다.