티스토리 뷰

코딩/프런트앤드

자바스크립트, 유사 배열(Array-Like Object)의 특징

act2 2024. 11. 7. 06:59
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
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함