Text Processing with JavaScript

Recipe 10

Generating HTML Tables from an Array of Arrays

Task

Suppose your task is to generate reports or summaries of data that are stored in an array of arrays. For instance, you may need to create a summary of performance metrics for a company across multiple financial quarters from an array like this:

const data = [
  ["Quarter", "Revenue", "Eps"],
  ["Q1 FY22", 45962, 2.71],
  ["Q2 FY22", 44845, 2.71],
  ["Q3 FY22", 46151, 2.03],
  ["Q4 FY22", 46822, 2.11],
  ["Q1 FY23", 45215, 2.64]
];

Your objective is to convert the array into an HTML table so that you can present the data in a structured and organized format.

Solution

Use the following function:

part_1/generating_html_table_v1/html_table_v1_ex1.js

const data = [
  ["Quarter",