8장: 배열과 객체의 기초

배열과 객체의 시작

자바스크립트를 배우다 보면 가장 많이 사용하는 자료형 중 하나가 바로 배열과 객체입니다. 이 두 가지는 많은 데이터를 효율적으로 저장하고 관리하기 위해 꼭 필요한 자바스크립트의 핵심 요소입니다. 배열은 순서대로 데이터 목록을 다루는 데 적합하며, 객체는 의미 있는 이름을 붙여 정보를 쌓아갑니다.

배열(Array)의 기본

배열은 하나의 변수에 여러 값을 나열해 저장할 수 있습니다. 예를 들어, 여러 명의 이름을 한 번에 저장하고 싶다면 아래와 같이 배열을 만듭니다.

let fruits = ['사과', '바나나', '포도'];

배열의 장점은 원하는 값을 쉽게 꺼낼 수 있다는 점입니다. 인덱스(순서 번호, 0부터 시작)를 이용해서 사용할 수 있습니다.

console.log(fruits[1]); // '바나나' 출력

배열에 새로운 값을 추가하거나 빼는 것도 간단합니다. push로 끝에 추가하고, pop으로 마지막 값을 제거합니다.

fruits.push('딸기'); // ['사과', '바나나', '포도', '딸기']
fruits.pop(); // 다시 ['사과', '바나나', '포도']

배열에 저장되는 값들은 꼭 같은 자료형일 필요가 없습니다. 숫자, 문자열, 객체 등 여러 타입의 내용을 하나의 배열에 담을 수 있습니다.

객체(Object)의 기본

객체는 "이름:값" 쌍으로 데이터를 저장합니다. 여러 정보를 하나의 묶음으로 관리할 때 매우 유용합니다. 객체를 만들 때는 중괄호 {}를 사용하고, 각 특징(프로퍼티)에 이름(키값)을 붙여 줍니다.

let person = {
  name: '민수',
  age: 30,
  isStudent: false
};

객체의 각 값에 접근할 때는 점(.) 또는 대괄호([]) 표기법을 사용합니다.

console.log(person.name); // '민수'
console.log(person['age']); // 30

객체에는 함수도 저장할 수 있습니다. 이를 메서드라 부르며, 객체만의 동작을 정의합니다.

let dog = {
  name: '코코',
  bark: function() {
    console.log('멍멍!');
  }
};
dog.bark(); // '멍멍!' 출력

배열과 객체의 차이와 활용

배열은 값들의 '순서'가 중요할 때, 객체는 각 데이터에 '의미와 이름'이 있을 때 사용합니다. 예를 들어 학생 명단은 배열로, 한 명의 학생 정보는 객체로 표현하면 좋습니다.

배열과 객체를 조합하여, 더 풍부한 구조의 데이터를 만들 수도 있습니다. 예를 들면 여러 명의 학생(객체)을 배열 안에 담아 관리할 수 있습니다.

let students = [
  { name: '지수', age: 20 },
  { name: '태현', age: 22 }
];

이렇게 배열과 객체를 이해하고 활용하는 것이 자바스크립트 프로그래밍의 기본기를 다지는 첫걸음입니다.