<JavaScript> Object 객체

🐥자바스크립트 기초 문제 풀이

학습 목표
객체의 기본적인 구조를 이해하고 원하는 객체에 접근해 조작할 수 있다.

객체의 기본 형태는 아래와 같다. 객체는 중괄호로 감싸져 있고,
콜론으로 구분된 이름 / 값이라는 프로퍼티세트를 가지고있다. 그리고 그 각각의 프로퍼티세트들이 쉼표로 분리된 목록이 객체이다.

객체이름 = {
	key : value,
    "어쩌구" : "저쩌구",
    "파이리" : "꼬부기",
    "코스모" : "완다",
    "미카사" : "에렌",
    "무지카" : "송쥬",

    
}

객체가 가지는 규칙들

1. property 이름은 중복될 수 없다.
2. property이름과 property값 사이에 : (콜론)으로 구분한다.
3. property를 추가할 때는 , (쉼표)를 붙여준다.
4. property 값에는 어느 type이나 가능하다(string, number, array, 
object, function..)

아래와 같은 객체가 있다!

let objData = {
  name: 50,
  address: { 
    email: "gaebal@gmail.com",
    home: "위워크 선릉2호점"
  },
  books: {
    year: [2019, 2018, 2006],
    info: [{
      name: "JS Guide",
      price: 9000
    }, {
      name: "HTML Guide",
      price: 19000,
      author: "Kim, gae bal"
    }]
  }
};

위의 객체속 "HTML Guide" 에 접근하고 싶을 때는 아래와 같이 해주면 된다.

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

objData속의 books라는 객체에 접근하고,
그 속의 info라는 객체에 접근하고,
그 속의 1번째 (0번째 아님!) 배열에 접근하고,
그 속의 name이라는 프로퍼티에 접근하는 방식이다.

객체의 프로퍼티에 접근하는 방법은 여러가지가 있다.

객체이름.프로퍼티이름
객체이름["프로퍼티이름"]
객체이름[프로퍼티이름]

이렇게 접근 할 수 있는데, 온점과 대괄호 속에 쌍따옴표를 넣는 방식은 프로퍼티key의 정확한 이름을 적어서 직접 접근할때 사용되고
대괄호는 변수를 통해 접근할 때 사용된다.
그리고 저런식으로 프로퍼티 key를 불러주면 결과로는 해당 key가 띡 나오는 것이 아니라 해당 key에 대한 value값이 출력된다는 것을 잊지 않아야한다!

예를 들어 plan1 객체의 name 이라는 프로퍼티에 접근하고 싶을 때,
아래와 같이 대괄호를 사용 할 수 있다.

let plan1 = {   
  name: "Basic"
};

let propertyName = "name";

console.log(plan1[propertyName]);

대괄호 안에 propertyName이라는 변수명을 삽입함으로써 plan1객체 내의 name이라는 key에 접근한것이다.

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]]
다음 요구사항을 충족하는 객체를 만들어서 return 해주세요.
리턴되는 객체는 아래와 같이 3개의 property를 가집니다.
sumAmount : 총 판매량
sumReview : 총 리뷰개수
sumLike : 총 좋아요수

나의 답안

function getData(salesArr,reviewArr,likeArr){
//제시해준 인자 세 개를 잘 받고
  let A = salesArr[0][1] + salesArr[1][1] + salesArr[2][1]
  //A변수에 각각 필요한 데이터에 접근해서 더한 결과값을 할당.
  //아래 결과들도 같은 형태로 할당
  let B = reviewArr[0][1] + reviewArr[1][1] + reviewArr[2][1]
  let C = likeArr[0][1] + likeArr[1][1] + likeArr[2][1]
    
  let datas = {
  //datas라는 객체 만들기
    sumAmount: A,
    //sumAmoun라는 key에 A라는 value 할당!
    //아래 프로퍼티들도 이와 같이 할당
    sumReview: B,
    sumLike: C
  };

  return datas;
}

문제 자체는 배열에 대한 접근을 요하는 능력이 가미된 간단한 객체 문제였지만
객체 안에 요소들이 얼마 없을 땐 괜찮은데 객체 안에 요소가 늘어나고 데이터타입도 가지각색이 되면 점점 가독성이 안좋아지고 복잡해지기 시작하니까 조심해야겠다.