Object?

자바스크립트 데이터 타입 중 하나로 프로퍼티의 집합이다.

프로퍼티(Property)

기본 형태

{name : value}

let i = {
  name : 'Kim',
  age : 29
};

💡 원래라면 name에 'name'으로 따옴표를 사용해야 String 타입으로 자바스크립에서 인식하겠지만 key값에는 따옴표가 없어도 문자열로 간주함!

프로퍼티 확장

오브젝트는 이와 같이 value 값에 중괄호를 작성하여 프로퍼티 확장이 가능하다.

let i = {
  name : 'Kim',
  age : 29,
  point :{
    plus : 10,
    bonus : 200
    promotion : function(){}
  }
};

프로퍼티 추가, 변경

i 오브젝트에 프로퍼티 이름으로 abc가 없으면 {abc:123}이 추가되고 abc가 있으면 프로퍼티 값이 123으로 변경된다.

let i = {};
i.abc = 123;

작성 방법

• 점(.)과 프로퍼티 이름 사용

let star = {};
star.title = '작은별';
// 점(.)에 이어서 프로퍼티 이름, = 오른쪽에 프로퍼티 값을 작성 

console.log(star); // {title:작은별}

• 대괄호([]) 사용

let star = {};
star['title'] = '작은별';
console.log(star); // {title:작은별}

프로퍼티 값 추출

오브젝트에서 프로퍼티 값을 추출하기 위해서 점(.)과 프로퍼티 이름을 사용한다.

let obj = {star = '별'};
console.log(obj.star); // 별
console.log(obj['book']); // undefined

for~in문

오브젝트에서 프로퍼티를 처음부터 끝까지 읽는다.

let sports = {
  soccer = '축구',
  baseball = '야구'
};
for (let item in sports){
  console.log(item);
  console.log(sports[item]);
};

/*
soccer
축구
baseball
야구
*/