JavaScript의 Array.entries() 메서드란?
JavaScript에서 Array.entries() 메서드는 배열의 각 인덱스에 해당하는 키(key)와 값(value) 쌍을 담은 새로운 배열 반복자(Array Iterator) 객체를 반환합니다. 이 메서드를 활용하면 배열을 순회하면서 인덱스와 요소 값을 동시에 다룰 수 있어 코드 작성이 한결 편리해집니다.
문법
array.entries();
Array.entries() 메서드는 별도의 매개변수를 받지 않으며, 호출 즉시 키/값 쌍을 포함하는 반복자 객체를 생성합니다.
사용 예제
아래 예제에서는 elements.entries() 메서드로 생성한 반복자를 for...of 루프와 함께 사용하여 배열의 모든 요소에 접근하고, 각 요소의 키(인덱스)와 값 쌍을 출력합니다. 코드를 간결하게 유지하기 위해 반복자 객체를 미리 변수에 할당했습니다.
<html>
<body>
<script>
var elements = ["Helium", "Neon", "Krypton", "Xenon", "Radon"];
var iterator = elements.entries();
for (let e of iterator) {
document.write(e);
document.write("</br>");
}
</script>
</body>
</html>실행 결과
0,Helium 1,Neon 2,Krypton 3,Xenon 4,Radon
정리
Array.entries()는 배열 순회 시 인덱스 정보가 필요할 때 특히 유용합니다. 반환되는 반복자는 for...of 문뿐만 아니라 전개 연산자(spread operator)나 Array.from()과 함께 사용해 키/값 쌍 배열로 변환할 수도 있습니다. 비슷한 역할을 하는 메서드로는 키만 반환하는 keys(), 값만 반환하는 values()가 있으니 상황에 맞게 활용하면 됩니다.