출처: 모던 자바스크립트 튜토리얼
객체와 배열
객체와 배열 모두 다양한 자료형들을 저장할 수 있다.
이 둘의 차이점은 배열은 인덱스를 기반으로 자료를 저장하고,
객체는 키를 기반으로 다양한 자료들을 저장한다.
그래서 저장된 값들에 접근할 때 배열은 인덱스, 객체는 키를 사용한다.
객체만들기
빈 객체 만들기
let user = new Object(); //'객체 생성자'문법
let user = {}; // '객체 리터럴'문법
여기서 중괄호 {} 안에 키:값으로 구성된 프로퍼티가 들어간다.
객체 만들기
let user = {
name: "John", //키: "name", 값 : "john"
age: 20 //키: "age", 값: 20
};
프로퍼티 접근
- 값 읽어오기
-
alert(user.name); //John alert(user.age); //20 let prop ="hobby"; alert(user[prop]);
-
- 추가, 삭제
-
user.addr = "서울"; delete user.age;
-
- 존재 유무 (in 연산자)
-
let res = 'name' in user; alert(res); // true, user 객체에 name이라는 속성이 존재한다.
-
프로퍼티의 값은 불린형도 가능하다.
예제

답
function isEmpty(value){
for(let key in value){ // for ( ... in ...)를 통해 value 전체를 순회한다.
return false; // 만일 순회했을 때 변수 key에 값이 있다면 true, 없다면 false를 반환한다.
} // 그래서 해당 true, false를 가지고 for문을 실행하게 된다.
return true;
}
'frontend > JavaScript' 카테고리의 다른 글
| [자바스크립트] DOM (0) | 2025.05.11 |
|---|---|
| [자바스크립트] location 객체 (0) | 2025.05.11 |
| [자바스크립트] 콜백함수 (0) | 2025.05.11 |
| [자바스크립트] 전위, 후위 연산자를 사용한 반복문(while) (0) | 2025.05.11 |
| [자바스크립트] 논리 연산자 (||, &&, !) ⭐ (1) | 2025.05.10 |