> 🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자.

1. Object (객체)

자바스크립트로 여러가지 데이터 타입을 저장해보자.

const data = 1;
const data1 = 3.14;
const data2 = "데이터";
const data3 = 9.321;
const data4 = 2000;

이런식의 코드 작성법은 문제가 뭘까? 이는 우리가 프로그래밍을 하는 의미가 퇴색된다. 우리는 프로그래밍을 통해 쉽게 관리하고 우리가 하지 못하는 일을 구현하는 것이다. 이런 많은 데이터는 Object(객체)로 표현할 수 있다.

const obj = {
	data: 1,
  data1: 3.14,
  data2: "데이터",
	data3: 9.321,
  data4: 2000,
}

• 객체는 {중괄호} 로 감싸져 있고 key와 value로 이루어져 있다.
• 속성: 속성이름 형식으로 작성한다.

속성을 작성하는 것은 규칙이 있다.

• 속성 이름은 중복될 수 없다.
• 속성과 속성값 사이에는 : (콜론)으로 구분한다.
• 속성을 추가할때는 , (쉼표)를 붙힌다.
• 속성값은 어느 데이터 타입이나 가능하다(문자형, 숫자형, 배열, 객체, 함수...)

해당하는 객체의 속성값을 접근하고 싶을 때도 방법이 있다.

객체이름.속성이름 또는 객체이름["속성이름"]

console.log(obj.data); //1
console.log(obj["data3"]); //9.321

다음으로 HTML Guide에 접근하려면 어떻게 하면 될까?

let objData = {
  name: "이름",
  address: { 
    email: "office@gmail.com",
    home: "서울"
  },
  books: {
    year: [2019, 2018, 2006],
    info: [{
      name: "JS Guide",
      price: 9000
    }, {
      name: "HTML Guide",
      price: 19000,
      author: "Tae Hyun"
    }]
  }
};

console.log(objData.books.info[1].name);

2. Assignment

이제까지 하셨던 Assignment 와는 조금 다른 유형입니다.그 동안에는 특정값을 구해서 리턴 했다면, 이번에는 인자로 받은 데이터를 조합해서, 구조를 바꿔서 리턴합니다.

getData 함수를 구현해주세요!

• *getData 함수는 세 개의 배열을 인자로 받습니다.**
  • salesArr : 날짜별 판매량
    • ex) [["20190401", 34], ["20190402", 23], ["20190403", 29]]
  • reviewArr : 날짜별 리뷰수
    • ex) [["20190328", 3], ["20190401", 0], ["20190403", 1]]
  • likeArr : 날짜별 좋아요수
    • ex) [["20190328", 98], ["20190401", 102], ["20190403", 125]]
• 위의 예시로 보여드린 배열은 단지 예시일 뿐, 날짜별 판매량 배열은 365일치 요소가 들어있을 수도 있습니다.
• 왜 각각 세 개의 배열을 하나의 객체로 구조를 바꿔야 할까요?위의 배열에서 4월 1일에 판매량, 리뷰수, 좋아요 수를 확인하려면 세 개의 배열을 각각 for문으로 반복해서 날짜를 확인해야 하므로 좋은 구조의 데이터라고 할 수 없습니다. (날짜가 365일이라고 하면, 세 개의 배열이 각자 365번 돌아야 하니까요)
• 그래서 세 개의 배열을 사용하기 좋게 객체로 바꿀 것입니다. 객체는 프로퍼티명으로 바로 접근 가능하니까, 날짜만 알면 반복 문을 돌지 않아도 바로 데이터를 얻을 수 있습니다. 그래서 객체의 형태로 데이터 구조를 바꾸려는 것입니다.
• 다음 요구사항을 충족하는 객체를 만들어서 return 해주세요.
• 리턴되는 객체가 갖고 있는 property는 3개 입니다.
  • sumAmount : 총 판매량
  • sumReview : 총 리뷰개수
• sumLike : 총 좋아요수

function getData(salesArr, reviewArr, likeArr) {
  let sumAmount = 0;
  let sumReview = 0;
  let sumLike = 0;
  
  for(let i = 0; i < salesArr.length; i++) {
      sumAmount += salesArr[i][1];
    }
  for(let i = 0; i < reviewArr.length; i++) {
      sumReview += reviewArr[i][1];
    }
  for(let i = 0; i < likeArr.length; i++) {
      sumLike += likeArr[i][1];
    }
    
  const objData = {
    sumAmount: sumAmount,
    sumReview: sumReview,
    sumLike: sumLike,
  };
  return objData;
}