[자바스크립트] 오프젝트에 대해 알아보자

안녕하세요 오늘은 자바스크립트 오브젝트에 대해 알아보겠습니다.

 

object란?

object는 사람에 비유할수있는것 입니다.

사람은 이름, 나이, 키 등을 가지고 있습니다. 

이걸 하나 하나 변수로 나타내면 정말로 힘들것 입니다.

이럴때 쓰는것이 object 입니다. object는 여러개의 변수를 관리하는것 이라 생각해도 무방합니다.

 

object 만드는법

오프젝트는 다음 과 같이 const를 사용하여서 만들수있습니다. 

 

그리고 출력하는 방법은 다음과 같습니다.

오프젝트 이름에다가 다음 value를 적어주면, key가 반환 됩니다.

 

key와 value는  무엇일까?

key와 value에 대해 알아보겠습니다.

key는 위 Person이라는 오브젝트에서 name, age와 같은것들 입니다.

그리고 value는 "mike"나 age와 같은것 이겠죠

이걸 좀더 쉽게 설명 해보면,

 

여러분이 학교를 다니실때 출석부 같은것을 본적이 있을것 입니다.

그 출석부에는 여러분의 이름, 나이, 번호 같은것이 있겠지요.

출석부에 이름은 "이름 : 콩순이" 이런식으로 적혀 있을것 입니다. 여기서 이름이 key가 되고

콩순이가 value가 되는것 입니다.

 

오브젝트의 key를 출력하는 방법

오브젝트의 key를 출력하는 방법은 2가지가 있습니다.

 

1. " . " 를 이용해서 하기

이런식으로 하면 person이라는 오브젝트의 name이라는 key의 value가 출력됩니다.

 

2. []를 이용해서 하기

이런식으로 해도 person의 name이 출력됩니다.

하지만 이 방법은 특정한 경우에만 많이 씁니다. 대부분의 경우는 " . "을 이용합니다.

어떤 경우에 []를 이용하냐면....

 이런식으로 오브젝트가 런타임에 결정될때 이 []를 사용합니다.

 

오브젝트 빨리 만들기

오브젝트를 만들때, 같은 KEY를 가지고 있는 오브젝트를 만드는경우가 많습니다.

이때 저희는 이 2가지 방법을 사용할수있습니다

 

1. 함수 이용하기

이런식으로 함수를 만들고 전달인자를 받아와서 name과 age를 리턴해줘서 객체를 만들수있습니다.

 

2. 클래스 이용하기

현재 전 자바스크립트 class에 대한 post를 올리지 않았습니다.

그니까 이런것도 가능하구나 라고 생각하시면서 봐주시면 감사하겠습니다.

 

 

 

 

끝!