자바스크립트 객체 값 가져오기

객체와 키를 입력받아 키에 해당하는 값을 리턴해야함.

나는 단순히 객체의 키를 리턴 해야 한다길래 object.property 만 하면 되는 줄 알았다. 근데 콘솔로그로는 찍히지만 리턴을 하게 되면 찍히지 않았다.

하지만 MDN에서 보니 이렇게 적혀있었다.

JavaScript의 객체 속성은 대괄호 표기법(속성 접근자)을 사용해 접근할 수도 있습니다. 객체를 때때로 '연관 배열'(associative array)이라고 부르기도 하는데, 속성은 자신에 접근할 수 있는 문자열 값과 연관되어 있기 때문입니다. 

그래서 "대괄호 표기법"을 적용하니

function getProperty(object, property) {
  let result = object[property]
  return result
}

이렇게 작성하니 리턴이 잘 되었다.

객체에 새로운 키,값을 추가하는 법

만약에

const car ={
  name: 'sonata',
  size: 'middle'
}

이라는 객체에

const property ={
  color: 'red',
  year: 2020
}

이라는 것을 추가 하고 싶으면

두가지 방법이 있다.

점 표기법

내가 추가하고 싶은 키값이 detail이라면

car.detail = property 라고 하면 된다.

대괄호 표기법

car[detail] = property