[JavaScript] 유사 배열 객체(Array-like objects)

유사 배열 (Array-like objects) 객체

1. 유사 배열 (Array-like objects) 객체란?

• 유사 배열은 [ ] 로 감싸져있어 배열처럼 보이지만 들여다보면 key 값으로는 숫자를 가지고 length값을 가지고 있는 말 그대로 객체
• 유사 배열은 당연히 배열이 아니기 때문에 배열에 사용하는 메서드(forEach, map, filter, reduce 등)들을 사용할 수 없다.

// 유사배열의 형태

const ex = {
	key: value,  // 여기서 key 값은 숫자여야한다!
   	length: 1,
};


// tak 이라는 key 값을 숫자로 가지고 length 값을 가지는 유사배열

const tak = {
	0: 'Hi',
    	1: 'Nice',
    	2: 'to',
    	3: 'meet',
    	4: 'you',
    	length: 5
};

 

2. 유사 배열 객체 (Array-like objects) 의 요소를 수정하려면?

• Array.from() 라는 메서드를 이용해 유사 배열의 value를 복사해 새롭게 배열로 만들어 새로운 배열에 배열 메서드를 사용해서 수정 할 수 있다.

// 이 전 코드블록에서 만든 tak 이라는 유사배열을 이용해서 예를 들면,

Array.from(tak).map((tak2) => console.log(tak2));

• 참고자료

Array.from() - JavaScript | MDN