🗄 객체

객체는 자바스크립트 데이터 타입 중의 하나이고. 영어로는 object

key값과 value값을 쌍으로 이루어져 있고, 배열과는 다르게 순서가 중요하지 않다.

{ key : value }

예를 들어 다음과 같은 배열이 있다고 생각해봤을때,

let person1 = ['곽철용', 'AB형', 'ENFP', '바닐라라떼']

우리가 원하는 정보를 얻기 위해서는 해당 배열에 있는 Index number를 기억해야 한다.

let person2 = ['아이스아메리카노', 'INTP', '홍혁팔', 'O형']

person2는 person1의 정보와 다른 순서로 값이 뒤섞여 있습니다.

사람이 두 명일 때는 괜찮지만, 100명이라면 자료를 처리하기 힘들어진다.

그래서 나온 개념이 바로 객체이다.

let person1 = {
  name: '곽철용',
  bloodType: 'AB형',
  mbti: 'ENFP',
  favoriteCoffee: '바닐라라떼'
}

key 값은 따옴표 안해도 동작한다. value는 string 타입 일때만 따옴표 쓴다.

객체로 표현하면 순서가 없기 때문에 index number를 기억하지 않아도 된다.
우리가 원하는 정보의 key값만 알면 정보에 접근할 수 있다.

객체 접근

Bracket Notation 공백이 있을 때 쓴다. 객체["key"] = value [ ] 따옴표를 써야 함 . 숫자로 된 key 도 이렇게 쓴다.

다 외워야 될 필요 없고, 오류 뜨면 확인하고 수정하면 됨.
다양한 형태로 key 이름 지을 수 있는 것만 알면 된다.

Dot Notation 객체.key = value

객체에 추가

그냥 새로 써서 넣으면 된다

object1.key = value

객체에서 제거

delete object1.key

객체안의 객체, 배열 접근

다음과 같이 중첩된 객체에서 'simple'을 출력하려면 어떻게 접근해야할까?

let nestedObj = {
	type: {
		year: '2019',
		'comment-type': [{
			name: 'simple'
		}]
	}
}
; 

console.log(nestedObj.type['comment-type'][0].name) //정답

우선, 객체를 호출 하는 방식을 써서 type에 접근한다.
=> nestedObj.type

그 다음에 'comment-type'에 접근한다.
=> nestedObj.type['comment-type']

그리고 다음 'comment-type' property의 값은 배열 구조(ex> let arr = []; 같은 형식)로 되어있기 때문에 인덱스를 통해서 접근한다.
=> nestedObj.type['comment-type'][0]

0번째 인덱스에 있는 name이라는 프로퍼티가 가지고 있는 simple이라는 프로퍼티 값에 접근한다.
=> nestedObj.type['comment-type'][0].name

이것을 콘솔로 호출하면 simple이 화면에 출력된다.
=> console.log(nestedObj.type['comment-type'][0].name)

객체에서 key 로 value 값에 접근할 때, 이때의 key 는 실제 key 이름을 써야 한다.
다른 변수로 지정한 다음에 그걸 쓰면 안됨.

또, const로 선언한 객체의 경우, 다시 객체 자체를 선언하는 건 안되지만, 프로퍼티의 내용을 수정하거나, 새 프로퍼티를 추가하는 것은 가능하다. (원래 const는 다시 수정하는 거 자체가 안됐던 변수임)

function getData(salesArr,reviewArr,likeArr){

  let sumAmount1 = 0;
  let sumReview1 = 0;
  let sumLike1 = 0;

for(i=0;i<salesArr.length;i++){

   sumAmount1 = sumAmount1 + salesArr[i][1];
   sumReview1 = sumReview1 + reviewArr[i][1];
  sumLike1 = sumLike1 + likeArr[i][1];
  
}

  let a = {sumAmount : sumAmount1 , 
           sumReview : sumReview1 , 
           sumLike : sumLike1
          }
  return  a
      
};
let k = [["20190401", 34], ["20190402", 23], ["20190403", 29]];
let p = [["20190328", 3], ["20190401", 0], ["20190403", 1]];
let f = [["20190328", 98], ["20190401", 102], ["20190403", 125]];

console.log(getData(k,p,f));

여기서 핵심은, 누적 값을 다룰 때, 초기 변수 0으로 만들어 놓고
반복문 안에서 i로 나온 값들을 더해서 재할당 하는거 기억하자

📰 Object.keys()

객체가 가지고 있는 키들의 목록을 배열로 리턴하는 메소드

Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']

이렇게 사용한다.

const keys = Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']

for (let i = 0; i < keys.length; i++) {
const key = keys[i] // 각각의 키
const value = obj[key] // 각각의 키에 해당하는 각각의 값
console.log(value)
}

ES6 문법에서는 Object.keys 이외에도 Object 생성자의 메소드인 Object.values , Object.entries 가 있다.

📸 Object.values()

객체의 키가 아닌 값으로 이루어진 배열 리턴

const values = Object.values(obj)
// values === ['melon', 4350, 16500, true]

Object.entries()

객체의 키와 값의 쌍으로 이루어진 길이 2짜리 배열로 이루어진, 배열을 리턴합니다. 각 배열에서 인덱스 [0]의 값은 각각의 키를,
인덱스 [1]의 값은 해당 키에 해당하는 값을 가지게 된다.

  const entries = Object.entries(obj)

/*
entries === [
['name', 'melon'],
['weight', 4350],
['price', 16500],
['isFresh', true]
]
*/


제일 유용하게 쓰인다. 

for-in

for문 같은 건데, 객체 순회 뿐 아니라, 일반적 배열 순회할 때도 유용.

정리 너무 잘 되어 있다.
일반 for 문을 써도 되지만, 객체에서는 index가 없어서 for못쓰니까 이걸 써야함

이것저것 다 합쳐진, 아주 중요한 예제!!

const getExamResult = (scores, requiredClasses) => {


let result = { };
let ClassScores = Object.keys(scores);
let ClassNum = Object.values(scores);
 let ff = Object.keys(result);
  
  for(let i in ClassScores){
    
result[ClassScores[i]] = ClassNum[i];
   

  } //result 라는 빈 객체 만든 다음에, scores 값들 일단 다 넣음

  for (let i in requiredClasses){


    if(ff.indexOf(requiredClasses[i]) === -1){

result[requiredClasses[i]] = 0;

    }
  } //  여기다가 result에 없는 requiresClasses 값들 까지 추가함 value는 0으로. 

  for(let key in result){

let kk = result[key];
    
if( kk === "A+"){
      result[key] = 4.5;
    } else if ( kk === "A"){
      result[key] = 4;
    } else if ( kk === "B+"){
     result[key] = 3.5;
    } else if ( kk === "B"){
      result[key] = 3;
    } else if ( kk === "C+"){
      result[key] = 2.5;
    } else if ( kk === "C"){
     result[key] = 2;
    } else if ( kk === "D+"){
      result[key] = 1.5;
    } else if ( kk === "D"){
      result[key] = 1;
    } else if (kk === "F"){
  result[key] = 0}

}
  
   // 영어들을 숫자로 환산 

    return result;  // 그래서 만들어진 result 리턴  
} //이까지 함수  

r = {
  '생활속의회계': 'C',
  '논리적글쓰기': 'B',
  '독일문화의이해': 'B+',
  '기초수학': 'D+',
  '영어회화': 'C+',
  '인지발달심리학': 'A+',
};
y = ['영어회화', '기초수학', '공학수학', '컴퓨터과학개론'];

  console.log(getExamResult(r,y));