객체(Object)
객체는 데이터와 함수의 집합입니다.
이런 객체가 왜 필요하냐면, 하나의 공통된 묶음으로 여러 데이터를 저장하기 위함입니다.
비교
일반적인 변수로 선언할 경우의 예시입니다.
const personName = "Park";
const personAge = 27;
const personAddr = "Incheon";
다음은 배열에서의 예시입니다.
const person = ["Park",27,"Incheon"];
const person2 = ["Hyun",22,"Incheon"];
이제 객체에서의 예시를 보겠습니다.
객체는 key:value의 형태로 선언합니다.
const person = {
name:"Park",
age:27,
addr:"Incheon",
};
배열이 더 쓰기 좋은게 아닌가 싶을 수 있지만,
배열에선 순서가 달라지거나 길이가 달라지면 반복을 통한 접근이 어려울 수 있습니다.
하지만 객체는 person["name"], person.name과 같이 key값으로 접근을 할 수 있기 때문에 JavaScript에서 데이터를 다룰 땐 대부분의 경우 객체를 사용하여 데이터를 다룹니다.
배열과 객체의 반복문 for 차이
객체는 다음과 같이 키, 밸류 값을 추가할 수 있습니다.
person["phone"] = "010-1234-5678";
다만 아래와 같은 형태로는 사용할 수 없습니다.
person.phone = "010-1234-5678";
반응형
'공부 > JavaScript' 카테고리의 다른 글
유용한 JS 고차함수 (0) | 2021.07.07 |
---|---|
DOM 조작 (0) | 2021.07.05 |
클로저 함수 (0) | 2021.07.01 |
배열(Array) (0) | 2021.06.28 |
알면 좋은 자바스크립트 최신 문법 (1) | 2021.06.17 |
댓글