자바스크립트 배열 완벽 이해: 데이터 구조의 기본 개념과 활용법

배열(array)은 고정된 개수의 항목을 담을 수 있는 컨테이너형 자료구조로, 일반적으로 동일한 타입의 데이터를 순차적으로 저장합니다. 배열은 여러 데이터를 한 곳에 모아 관리하는 도구이며, 실무에서는 '같은 타입의 변수들이 모인 집합'으로 이해하면 훨씬 직관적입니다.

왜 배열이 필요할까?

일주일 동안의 평균 기온을 기록해야 한다고 가정해 보겠습니다. 배열 없이 작성하면 다음과 같이 요일마다 별도의 변수를 만들어야 합니다.

let avgTempMon = 35;
let avgTempTue = 33;
let avgTempWed = 31;
let avgTempThur = 24;
let avgTempFri = 25;
let avgTempSat = 22;
let avgTempSun = 30;

변수가 몇 개 수준일 때는 그럭저럭 관리할 수 있지만, 만약 12개월 치 데이터를 모두 기록해야 한다면 어떻게 될까요? 변수가 수십 개로 늘어나면서 추적하기가 매우 어려워집니다. 이런 문제를 해결하기 위해 배열을 사용합니다.

let avgTemps = [];
avgTemps[0] = 35;
avgTemps[1] = 33;
avgTemps[2] = 31;
avgTemps[3] = 24;
avgTemps[4] = 25;
avgTemps[5] = 22;
avgTemps[6] = 30;

이제 모든 값을 단 하나의 변수 avgTemps만으로 관리할 수 있습니다. 코드가 깔끔해질 뿐 아니라 반복문과 함께 사용하면 데이터 처리 효율도 크게 향상됩니다.

배열의 표현 방식

배열은 메모리상에 연속된 공간에 데이터를 나란히 저장하는 구조로 표현됩니다. 예를 들어 10개의 요소를 가진 배열에서 각 요소는 고유한 위치(인덱스)에 저장되며, 인덱스는 0부터 시작합니다. 따라서 각 요소는 인덱스를 통해 접근할 수 있는데, 예를 들어 arr[6]처럼 인덱스 6의 요소에 접근하면 27이라는 값을 얻을 수 있습니다.

참고로 C나 Java 같은 언어의 배열은 크기가 고정되어 있지만, 자바스크립트의 배열은 실행 중에 길이가 늘어나거나 줄어드는 동적(dynamic) 구조라는 점도 함께 기억해 두면 좋습니다.

배열에서 수행할 수 있는 주요 연산

자바스크립트에서 배열에 적용할 수 있는 대표적인 연산은 다음과 같습니다.

• 배열 생성하기
• 요소 추가하기
• 요소 삭제하기
• 두 배열 합치기
• 배열 정렬하기
• 배열 내에서 검색하기
• 다차원 배열 만들기
• 배열 순회(반복 처리)하기

이러한 연산들은 자바스크립트에 내장된 push(), pop(), concat(), sort(), indexOf() 같은 배열 메서드를 통해 손쉽게 구현할 수 있으며, 배열을 자유롭게 다루는 것은 자바스크립트 실력의 기본기가 됩니다.