프론트엔드

[자바스크립트] 객체

김씨 학생 2024. 2. 14. 12:09
객체 (Object)

 

객체란?

추상적인 개념을 구체화 시킨 것으로 반(Class)에 선언된 프로퍼티를 사용할 수 있다.

 

 

 

기본 형태

let data = {
    key1: "value1",
    key2: "value2",
    key3: "value3"
};

 

 

 

접근 방법

1. data.key1처럼 '.' 연산자를 사용해 접근할 수 있다

2. data["key1"] 처럼 '[]' 연산자를 사용해 접근할 수 있다. 주로 '-' 같은 특수문자가 있거나, 반복문으로 출력할 때 사용한다.

 

 

객체를 선언할 수 있는 다른 방법

let dinner = new Object();

위 코드처럼 new Object(); 로 선언할 수 있으며,

 

let dinner = {
	
}

형태와 똑같다.

 

차이점으로는 new를 쓰면 heap 메모리에 저장된다는 점이다.

 

위처럼 빈 값의 오브젝트를 선언하고 아래와 같이 값을 추가, 변경할 수 있다.

// dinner 객체에 key1 키 값이 없으면 추가, 있으면 변경이 된다.
dinner.key1 = "value1";