자바스크립트 Array.isArray() 메서드란?
자바스크립트의 Array.isArray() 메서드는 전달된 값이 배열(Array)인지 아닌지를 판별할 때 사용됩니다. 인자로 받은 객체가 배열이면 true를, 배열이 아니면 false를 반환합니다.
문법
Array.isArray(ob)
여기서 ob 매개변수는 배열 여부를 검사하고자 하는 대상 객체입니다.
그럼 지금부터 자바스크립트에서 Array.isArray() 메서드를 실제로 구현해 보겠습니다.
예제 1: 버튼 클릭으로 배열 여부 확인하기
아래 예제는 숫자로 이루어진 pointsArr 변수가 배열인지 확인하고, 버튼을 클릭하면 그 결과를 화면에 출력합니다.
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Is this an array? Click the below button to get the answer...</p>
<button onclick="display()">Result</button>
<p id="test"></p>
<script>
var pointsArr = [10, 20, 30, 40, 50, 60, 70, 80, 90, 1000];
var res = pointsArr.entries();
for (val of res) {
document.getElementById("test").innerHTML += val + "<br>";
}
function display() {
var res = document.getElementById("test");
res.innerHTML = Array.isArray(pointsArr);
}
</script>
</body>
</html>
출력 결과
위 화면에서 “Result” 버튼을 클릭하면 다음과 같이 배열 여부가 표시됩니다.
pointsArr는 배열이므로 Array.isArray()가 true를 반환한 것을 확인할 수 있습니다.
예제 2: 문자열 배열 검사하기
이번에는 문자열 요소로 이루어진 배열을 Array.isArray()로 검사해 보겠습니다. 페이지가 로드되는 즉시 결과가 출력됩니다.
<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<p>Is this is an array?</p>
<p id="test"></p>
<script>
var arr = ["Accessories", "Electronics", "Books", "Pet Supplies"];
var res = document.getElementById("test");
res.innerHTML = Array.isArray(arr);
</script>
</body>
</html>
출력 결과
arr 역시 배열이기 때문에 결과로 true가 출력됩니다. 반대로 일반 객체, 문자열, 숫자 등을 전달하면 false가 반환되므로, 런타임에 데이터 타입을 검증해야 할 때 유용하게 활용할 수 있습니다.