[JavaScript] 객체(Object)의 접근, 요소 추가

객체의 선언은 아래 코드와 같다.

const tistory = {
  author: "cotist",
  date: "22/07/31",
  age: 8,
};

 

tistory라는 객체를 선언을 하였다.

각 요소의 좌변은 키(key)이며 author, date, age에 해당되며 우변은 키의 값이다.

 

객체의 요소에 접근하는 방법은 두 가지가 있는데 콘솔 로그로 아래 코드를 보자.

const tistory = {
  author: "cotist",
  date: "22/07/31",
  age: 8,
};

// 객체의 요소에 접근하는 방법
console.log(tistory.author);
console.log(tistory["author"]);

두 결과 모두 cotist가 나올 것이다.

 

 

다음은 객체를 추가하는 방법이다.

처음에 tistory를 선언한 상태에서 위의 코드를 작성하여 콘솔을 확인해보자.

tistory.city = "seoul"
tistory["hometown"] = "busan"

console.log(tistory)

 

두 가지 방법 모두 tistory 객체에 city와 hometown이라는 키와 값이 추가가 된 것을 볼 수 있을 것이다.

 

보통 객체 뒤에 마침표(.)를 찍어 요소를 표현하는 방식이 일반적이지만 특수한 상황(api 사용 및 동적 접근)에서 String인 값을 키의 값으로 삽입시킬 때 두 번째 방법인 대괄호 표현법으로 사용하면 유용하다.