JavaScript에서 배열을 다룰 때, 주어진 값이 배열인지 여부를 확인해야 할 때가 자주 있습니다.
Array.isArray 메서드는 이러한 상황에서 유용하게 사용됩니다.
이번 포스팅에서는 Array.isArray 메서드의 사용법과 다양한 예제들을 통해 이를 활용하는 방법을 알아보겠습니다.
1. Array.isArray란?
Array.isArray는 주어진 값이 배열인지 여부를 판별하는 JavaScript의 내장 메서드입니다. 이 메서드는 인자로 전달된 값이 배열이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
문법
Array.isArray(value)- value: 배열인지 여부를 확인하고자 하는 값입니다.
반환 값
- 배열인 경우: true
- 배열이 아닌 경우: false
2. Array.isArray 사용 예제
기본 사용법
이 예제에서는 배열, 문자열, 객체, 숫자, undefined에 대해 Array.isArray를 사용하여 결과를 출력합니다.
See the Pen isArray() by saladent (@saladent) on CodePen.
함수 인자 검사
함수에 전달된 인자가 배열인지 확인하고 싶을 때 유용하게 사용할 수 있습니다.
See the Pen Untitled by saladent (@saladent) on CodePen.
배열을 인식하는 다양한 방법
과거에는 Array.isArray 메서드가 없었기 때문에 배열을 인식하는 다양한 방법이 사용되었습니다. 하지만, 이러한 방법들은 완벽하지 않았습니다. 예를 들어, instanceof 연산자를 사용하는 방법이 있습니다.
See the Pen isArray() -3 by saladent (@saladent) on CodePen.
이 방법은 기본적으로 배열을 확인할 수 있지만, iframe이나 다른 JavaScript 컨텍스트에서 생성된 배열을 정확히 인식하지 못할 수 있습니다. 이 때문에 Array.isArray가 더 권장됩니다.
결론
JavaScript에서 배열인지 여부를 확인할 때 Array.isArray 메서드를 사용하는 것이 가장 명확하고 안전한 방법입니다.
이를 활용하여 함수 인자 검사, 객체와 배열 구분 등 다양한 상황에서 유용하게 사용할 수 있습니다.