프론트엔드
[자바스크립트] 객체
김씨 학생
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";