[JavaScript] #5. 오브젝트

JavaScript의 오브젝트에 대해서 작성해보았다.

 

 

Object = {key: value} 

오브젝트는 key와 value로 이루어진 집합체이다.

 

 

JavaScript에서는 클래스가 없어도 오브젝트가 생성가능하다. 

 

 

 

1. 오브젝트 생성

 

오브젝트는 아래와 같이 2가지 방법으로 생성할 수 있다.

 

 

 

 

2. 오브젝트의 속성 추가 및 삭제

 

 

 

 

3. 오브젝트의 속성 값 접근

 

접근 방법으로는 2가지가 있다.

 

1. 오브젝트.속성
2. 오브젝트 [ '속성' ]

 

첫 번째 방법은 속성이 무엇인지 알 때 사용하고, 두 번째 방법은 속성 값을 실시간으로 받아올 때 사용한다.

 

 

 

4. in 연산자

 

A in B: B오브젝트 안에 key A가 있는지 없는지 확인하는 것이다.

있다면 true를, 없다면 false를 반환한다.

 

 

 

5. for...in 반복문

 

for( key in object) : 오브젝트의 모든 키를 처리할 때 사용하는 유용한 반복문이다.

 

 

 

 

6. 오브젝트 복제

 

오브젝트 복제 방법으로는 2가지 방법이 있다.

 

첫 번째 방법은 수동적으로 값을 할당하는 방법이다.

 

 

두 번째 방법은 오브젝트에 내장되어 있는 assign()함수를 이용하는 것이다.

 

Object.assign(dest, [obj1, obj2, ... ]) : 

두번째 매개변수인 obj를 첫번째 매개변수인 dest로 복사하는 함수이다.

 

위처럼 오브젝트 하나만을 복사할 수도 있으나 여러개의 오브젝트를 복사할 수도 있다.

 

출력결과

 

위 예시를 보면 알다싶이 뒤에 있는 오브젝트가 덮어씌워진다.