객체란 key : value pair 의 구조로 다중의 값을 하나의 변수를 통해 저장할 수 있도록 해주는 데이터 타입이고 이러한 구조는 많은양의 데이터를 관리해야할때 배열보다 유용하게 작용한다.
그렇다면 비슷하게 하나의 변수에 다중의 값을 저장하는 배열과는 어떻게 다른걸까? 일단 코드를 통해 선언 하는 모습부터 살펴본다
코드예시
let obj = {
name: 'Code',
age: 20,
marital_status: true
}; // 객체let arr = ['Code', 20, true]; // 배열
간단하게 객체와 배열을 선언하고 값을 할당한 코드이다.
일단 이 2개의 모습을 비교해보면 객체는 {} 로 내용을 감싸고 있고 배열은 [] 로 감싸고 있다.
내부에서 내용을 보면 객체는 데이터가 짝을 지어서 들어가있고 배열은 하나씩만 들어가 있는것을 볼 수 있다.
외형적인 차이를 보았으니 이젠 사용법의 차이를 볼 차례다.
객체는 key 값을 통해 value에 접근하고 배열은 index를 통해 저장된 값에 접근한다.
그렇다면 왜 객체가 많은양의 관리에 유용할까?
그건 배열에 순서대로 저장되는 특성에 있다. 배열은 index로 접근 한다고 서술했듯이
하나의 배열에 얼마나 많은 값이 순서대로 저장된다. 즉 자신이 원하는 데이터에 접근하기 위해선 해당 데이터의 index를 알고 있어야 한다. 하지만 객체는 얼마나 많은 데이터가 들어 있어도
해당 데이터의 key 값을 알고 있다면 바로 데이터에 접근이 가능하다.
코드예시
console.log(obj['name']); // --> Code console.log(arr[0]); //--> Code
위 예시 2개는 각각의 데이터 접근 방식을 보여준다.
-----------------------------------------------
JS 공부를 시작하며 햇갈렷던 개념인 객체에 대해 배열과 비교하면서 가장 기본적인 요소를 간단하게 정리해 보았다.
다음 글에서는 객체에 대해 더 자세한 내용들을 정리해볼 예정이다.