[JavaScript] 객체가 필요한 이유

객체(Object)란?

• 객체란 JavaScript 데이터유형 중 하나로 여러개의 데이터를 담을 때 사용한다.

• 키(key)를 사용해 데이터에 접근하고 수정할 수 있다.

• 객체는 { key: value, key: value }로 구성되어 있다. 이때 key: value 한 쌍을 프로퍼티(property)라고 한다. 이 프로퍼티는 객체에 여러 개 넣을 수 있다.

let dog = { name: 'coco', age: 5 };
let cat = { name: 'sumi', age: 4, "is cute": true, };

참고

• Key에는 문자형이 , value에는 모든 자료형이 올 수 있다.
• cat 객체처럼 마지막 프로퍼티 끝은 ,(쉼표)로 끝날 수 있다. 모든 프로퍼티가 유사한 형태를 보이기 때문에 프로퍼티를 추가, 삭제, 이동하는 게 쉬워진다.
  
  

객체에 접근하기

• 객체에 접근하는 방법에는 dot Notation, bracket Notation두 가지가 있다. 둘 다 잘 사용하기 때문에 차이점을 명확히 알아두어야 한다.

1) 점표기법(Dot Notation)

• 객체이름.키이름; 으로 접근하면된다.
• 숫자, 띄어쓰기로 되어 있는 키에 접근할 수없다.
• 프로퍼티 키에 변수가 포함되어 있으면 접근할 수 없다.

let dog = { name: 'coco', age: 5 };
let cat = { name: 'sumi', age: 4, "is cute": true, };

dog.name; // 'coco'
cat.age; // 5
cat.is cute // error

2) 괄호표기법(Bracket Notation)

• 점표기법의 한계인 숫자, 띄어쓰기, 변수로 되어 있는 키에 접근할 수 있다.
• 객체이름['키'] 대괄호 안에 키 이름을 적을 때는 따옴표를 사용해야하며 종류는 상관없다.

cat["name"]; // sumi
cat['is cute']; // true

객체의 값을 추가,수정, 삭제하는 방법

추가

let dog = { name: 'coco', age: 5 };
dog.color = white;

console.log(dog) // { name: 'coco', age: 5, color: white }

수정

let dog = { name: 'coco', age: 5, color: white }
dog.age = 6;

console.log(dog) // { name: 'coco', age: 6, color: white }

삭제

let dog = { name: 'coco', age: 5, color: white }
delete dog.color;

console.log(dog) // { name: 'coco', age: 6 }

배열의 타입이 객체인 이유

객체는 원시형과 달리 여러 개의 데이터가 들어갈 수 있다. 하지만 순서를 고려하지 않고 데이터를 담는 자료구조이기 때문에 순서관련 메서드가 없다. 따라서 순서와 관련된 작업을 할 때에는 배열을 이용하면 편리하다. 배열 또한 객체이지만, 순서가 있는 데이터를 저장하고 관리하는 자료구조이다.

정리하자면 순서가 있는 데이터는 배열을, 순서가 중요하지 않은 것은 일반 객체를 사용하여 관리하면 편리하다.