[Javascript] - 유사 배열이란 ?

유사 배열(Array-Like Object)이란 ?

1. 숫자 형태의 indexing이 가능하다

0부터 시작하는 숫자 형태의 index가 있어야합니다.

 

 

2. length 프로퍼티가 있다.

length 프로퍼티가 있어야 비로소 유사 배열이라고 할 수 있습니다. 숫자 형태의 index가 있더라도 length 프로퍼티가 없다면 유사 배열이라기보단 그냥 숫자 형태의 key로 구성된 일반적인 객체라고 볼 수 있습니다.

 

 

3. 배열의 기본 메소드를 사용할 수 없다.

유사 배열이 완전한 배열이 아닌 가장 큰 이유는 바로 기본적인 배열의 메소드를 사용할 수 없다 는 점 때문입니다.

• indexing을 통해 유사 배열의 요소에 접근하는 건 쉽지만 수정하거나 삭제가 까다롭습니다.
• 그래서 내부의 요소들은 배열처럼 다룰 수 있게 하면서 배열의 메소드 사용을 막고 싶거나, 혹은 일반 배열에는 없는 특별한 메소드를 제공하고 싶을 때 유사 배열을 만들어 활용합니다 !

 

 

4. Array.isArray(유사 배열)은 false다.

Array 객체의 isArray 메소드는 파라미터로 전달한 값이 배열인지 아닌지를 평가해서 그 결과를 불린 형태의 값으로 리턴해주는 메소드입니다. 유사 배열은 배열과 비슷하지만 배열은 아니기 때문에 결괏값이 false 입니다.

 

---

🚨 주의사항 - 유사 배열은 다양하다 !

유사 배열은 위의 특징들을 가진 대부분의 형태를 가리키는 포괄적인 개념이기 때문에 정말 다양한 형태로 존재합니다.

예를 들어 HTMLCollection의 경우 for..of문을 활용하는 데 문제는 없었지만 어떤 유사 배열의 경우에는 for..of문을 활용할 수 없는 경우도 있습니다.

배열의 기본 메소드를 사용할 수 없다고 했지만, 직접 구현해서 마치 배열처럼 사용할 수 있도록 만들 수도 있습니다.

하지만 직접 유사 배열을 만드는 게 아니라 이미 만들어진 유사 배열에 접근하는 경우에는 대부분 위 4가지 특징을 모두 가지고 있습니다.