배열로 테이블 생성 함수

이전 강의들에서 우리는 주어진 크기로 테이블을 생성하는 함수 createTable을 만들었습니다. 이제 createTableByArr 함수를 만들어 봅시다. 이 함수는 매개변수로 2차원 배열을 받아 그 기반으로 테이블을 생성할 것입니다.

즉, 이전 강의의 주어진 코드는 다음과 같이 변환됩니다:

javascriptlet div = document.querySelector('#elem');

let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let table = createTableByArr(arr);

div.appendChild(table);

이 코드를 실행한 결과는 다음과 같은 테이블이어야 합니다:

html<div id="elem">
  <table>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
  </table>
</div>