[javascript] 객체{}에 프로퍼티(key : value) 추가하는 방법

이전에 정의해 놓은 객체에 속성을 추가하는 일이 생긴다

 

예를 들면 

클라이언트가 게시글을 등록할 때

게시글 제목, 게시글 내용을 묶은 게시글 객체를 서버에 요청하고

 

서버 내에서 클라이언트로부터 받은 게시글 객체에

해당 유저 정보를 속성(프로퍼티)으로 추가하는 경우다

 

코드로 보면

클라이언트가 서버에 요청한 게시글(리뷰)객체 Review가 있다고 하자

 

{
  "reviewTitle" : "어서오세요",
  "reviewComment" : "안녕하세요 홍지원입니다"
}

 

서버는 따로 갖고있던 리뷰를 쓴 유저 정보를 속성으로 추가한다고 하면

목표 :

 

{
  "userIdx" : 3,
  "userName" : "홍지순",
  "reviewTitle" : "어서오세요",
  "reviewComment" : "안녕하세요 홍지원입니다"
}

 

저 userIdx, userName 프로퍼티를 추가하는 것이다

어떻게 하면 저렇게 객체에 프로퍼티를 추가할 수 있을까

 

간단하다

Review에 이미 userIdx, userName 프로퍼티가 있다고 가정하고

값을 지정해 주는 것이다

 

원래 프로퍼티가 

 

{
  "reviewTitle" : "어서오세요",
  "reviewComment" : "안녕하세요 홍지원입니다"
}

 

인 객체에

 

  Review.userIdx = 3;
  Review.userName = "홍지순";

 

원래 없던 key값에 대한 value를 지정해준다. 그렇다면

원래 존재하지 않던 속성인 userIdx, userName이 새로 생성되면서

 

{
  "userIdx" : 3,
  "userName" : "홍지순",
  "reviewTitle" : "어서오세요",
  "reviewComment" : "안녕하세요 홍지원입니다"
}

 

으로 객체의 구조가 바뀐다.