본문 바로가기
  • 성장일기
공부/JavaScript

객체(Object)

by 3000 2021. 6. 29.

객체(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

댓글