Object.entries(emailCard)의 결괏값은 문자열로 된 키와 값을 쌍으로 갖는 2차원 배열입니다. 다음 2차원 배열 코드와도 결과가 같습니다.
다차원 배열 표시하기
<script>
// 배열을 요소로 갖는 2차원 배열 선언
let emailCard = [
["_id", "a1"] ,
["name", "둘리"] ,
["email", "d2@mail.com"] ,
["age", 10]
];
</script>
<main>
<!-- 2차원 배열의 요소(하위 배열) 개수만큼 실행 -->
{#each emailCard as [key, value], idx} <!-- 하위 배열 각 요소의 이름을 지어줌 -->
<p>{idx}번째 키: {key}의 값은 {value}</p> <!-- 요소의 이름을 사용하여 출력 -->
{/each}
</main>
#each 시작 태그에 [key, value]는 each 루프 안에서 다루어야 할 하위 배열에 이름을 지어주는 방법이라고 이해하면 됩니다. 이제 each로 2차원 배열도 잘 다룰 수 있게 되었습니다.