자바스크립트 배열 객체란?
배열(Array) 객체는 자바스크립트에서 하나의 변수에 여러 개의 값을 저장할 수 있게 해주는 핵심 자료구조입니다. 배열은 동일한 타입의 요소들을 순서대로 저장하는 고정 크기의 컬렉션이며, 각 요소에는 인덱스를 통해 접근할 수 있습니다.
예를 들어 다음과 같이 배열을 선언할 수 있습니다.
let fruits = ['사과', '바나나', '오렌지'];
console.log(fruits[0]); // '사과'배열 객체의 주요 메소드 목록
아래 표는 자바스크립트 배열 객체에서 가장 많이 사용되는 대표적인 메소드와 그 기능을 정리한 것입니다.
| 번호 | 메소드 및 설명 |
|---|---|
| 1 | concat() 이 배열을 다른 배열이나 값들과 결합하여 새로운 배열을 반환합니다. 원본 배열은 변경되지 않습니다. 예: [1, 2].concat([3, 4]) → [1, 2, 3, 4] |
| 2 | every() 배열의 모든 요소가 제공된 테스트 함수를 만족하면 true를, 하나라도 만족하지 않으면 false를 반환합니다. 예: [10, 20].every(n => n > 5) → true |
| 3 | filter() 제공된 필터링 함수가 true를 반환하는 요소들만 모아 새로운 배열을 생성합니다. 조건에 맞는 데이터를 추출할 때 유용합니다. 예: [1, 2, 3, 4].filter(n => n % 2 === 0) → [2, 4] |
| 4 | forEach() 배열의 각 요소에 대해 지정된 함수를 한 번씩 호출합니다. 반복 작업을 간결하게 처리할 수 있습니다. 예: [1, 2, 3].forEach(n => console.log(n)) |
| 5 | indexOf() 지정된 값과 일치하는 요소 중 첫 번째 인덱스를 반환하며, 일치하는 요소가 없으면 -1을 반환합니다. 예: ['a', 'b'].indexOf('b') → 1 |
| 6 | join() 배열의 모든 요소를 지정한 구분자로 연결하여 하나의 문자열로 변환합니다. 구분자를 생략하면 쉼표(,)가 기본값으로 사용됩니다. 예: [1, 2, 3].join('-') → '1-2-3' |
마무리
위 메소드들은 자바스크립트 배열을 다룰 때 가장 기본이 되는 도구들입니다. 특히 filter(), forEach(), map() 같은 고차 함수 메소드는 실무에서 데이터를 가공하고 처리할 때 매우 자주 활용되므로, 각 메소드의 동작 방식과 반환값을 정확히 이해해 두는 것이 좋습니다.