728x90
배열과 유사한 객체를 유사 배열(Array-Like Object)라고 부르고, 다음과 같은 특징이 있습니다.
1. 숫자 형태의 indexing이 가능하다.
2. length 프로퍼티가 있다.
3. 배열의 기본 메소드를 사용할 수 없다.
4, Array.isArray 값은 false다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>풋살 동아리</title>
</head>
<body>
<h2 id="title">회원 명단</h2>
<ul id="members">
<li class="member">강가딘</li>
<li class="member">박민철</li>
<li class="member">김효성</li>
<li class="member">최치원</li>
<li class="member">손흥만</li>
<li class="member">이길준</li>
<li class="member">김대위</li>
</ul>
<script src="index.js"></script>
</body>
</html>
getElementsByClassName 메소드로 태그를 선택하면 해당되는 클래스를 가진 각 요소가 HTMLCollelction이라는 배열과 비슷한 유사 배열에 담기게 되는데요.
const members = document.getElementsByClassName('member');
for (let i = 1; i < members.length; i++) {
if (i % 2 == 0) {
console.log(members[i]);
}
}
유사 배열은 말 그대로 배열과 유사할 뿐, 배열이 가지고 있는 메소드를 사용할 수는 없기 때문에 일반적인 배열처럼 다루는 데는 한계가 있습니다.
728x90
