객체 (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";
'프론트엔드' 카테고리의 다른 글
[Javascript] 카카오 API - 지도 (0) | 2024.04.04 |
---|---|
자바스크립트 콜백 함수 (0) | 2024.02.14 |
[CSS] 미디어 쿼리 (0) | 2024.01.24 |
[CSS] 정렬 (0) | 2024.01.24 |
[CSS] Overflow (0) | 2024.01.24 |