[JavaScript] 객체(Object)

객체

javascript에서 객체는 선언한 하나의 이름(객체)에 여러가지 타입의 데이터를 넣을 수 있게 해주는 것 이다. 나중에 api 호출을 통해 받는 데이터 값이 JSON 형태인데, 이 JSON이 주로 객체 형식으로 되어 있어 알아두어야할 개념이다. 

 

 

위와 같이 중괄호{} 안에 원하는 값을 넣어주면 된다. 값을 넣을 때는 키 : 값 형태로 넣어준다. 이때, 키에 해당하는 값은 띄어쓰기가 있으면 안된다. 띄어쓰기를 쓰고 싶으면 따옴표('')로 감싸서 쓰면 된다. 그리고 객체의 값을 얻어올 때는 객체이름.키 형태로 얻어오면 된다. 그럼 함수에서 이러한 객체의 값을 얻어와 콘솔창에 띄어 보도록 하자.

 

 

이렇게 함수에서 파라미터 값으로 객체를 받고, 객체 안에 있는 값들을 얻어올 수 있다. 이때 ${movie.title} 이나 ${movie.director} 와 같이 앞에 객체 파라미터를 작성하는 것을 볼 수 있는데, 객체 비구조화 할당을 통해 좀 더 간단하게 코드 작성하는 것이 가능하다. 파라미터에서 하는 방법과 함수 내에서 객체의 값들을 추출하여 상수로 선언해주는 방법이 있는데 나는 파라미터단에서 적용하는 방식으로 해보겠다.

 

 

위와 같이 처음 함수를 호출할 때 객체를 주고, 함수의 파라미터 값에 { title, director } 로 작성을 해줌으로서 movies 객체의 title과 director 에 해당하는 값을 얻어온다. 그리고 함수 내에서는 객체 이름을 적을 필요 없이 원하는 키 값만을 작성해줘도 똑같은 결과를 얻을 수 있다.