JavaScript의 Array.isArray() 메서드는 전달된 객체가 배열(Array)인지 아닌지를 판별할 때 사용합니다. 이 메서드는 인자로 전달된 값이 배열이면 true, 그렇지 않으면 false를 반환합니다.
기본 문법
Array.isArray(value)
- value: 배열 여부를 검사할 대상 객체
- 반환값: 배열이면
true, 배열이 아니면false
예제 코드
다음은 Array.isArray() 메서드의 동작을 확인할 수 있는 전체 예제입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Array isArray()</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to check if the above object is an array or not
</h3>
<script>
let fillEle = document.querySelector(".sample");
let arr = ["cow", "bull", "lion", "tiger", "sheep"];
fillEle.innerHTML = arr;
document.querySelector(".Btn").addEventListener("click", () => {
fillEle.innerHTML = "The above object is an array: " + Array.isArray(arr);
});
</script>
</body>
</html>실행 결과
페이지를 처음 열면 다음과 같이 배열의 요소들이 화면에 표시됩니다.
“CLICK HERE” 버튼을 클릭하면 Array.isArray(arr)의 결과가 화면에 출력되며, 해당 객체가 배열임을 나타내는 true가 반환됩니다.
참고 사항
Array.isArray()는 typeof 연산자와 달리 배열을 정확하게 구분해 줍니다. JavaScript에서 typeof []는 "object"를 반환하기 때문에 일반 객체와 배열을 구별할 수 없지만, Array.isArray()를 사용하면 확실하게 판별할 수 있습니다.
console.log(typeof []); // "object"
console.log(Array.isArray([])); // true
console.log(Array.isArray({})); // false
console.log(Array.isArray("문자열")); // false