create a json from array of string using javascript

After scraping an html table I have stored my data in the variable:

var data = ["header1", "header2", "a1", "a2", "b1", "b2", "c1", "c2"];

I want to create a json file in the form:

var json = [
  {
    "header1":"a1", 
    "header2":"a2"
  },
  {
    "header1":"b1", 
    "header2":"b2"
  },
  {
    "header1":"c1", 
    "header2":"c2"
  }
]

I know that I need

var headers={}; 

and load it with

headers["header1"]
headers["header2"]

I also need

var jsonObj = []; 

and push the array headers inside jsonObj:

jsonObj.push(headers);

Is it possible to create it?

Answer

I’ll make some assumptions, and then attempt to answer your question.

To me, it seems your table looks something like:

header1 header2
a1 a2
b1 b2
c1 c2

Simply starting with the array you already have, we can then just pick out two and two values at the time. See the code below

const COLUMN_COUNT = 2
const data = ["header1", "header2", "a1", "a2", "b1", "b2", "c1", "c2"]

// this removes the headers from the data-list, 
// and stores them in the headers variable
const headers = data.splice(0, COLUMN_COUNT)
const output = []

while(data.length > 0) {
  const row = {}
  const values = data.splice(0, COLUMN_COUNT)
  for(const [idx, value] of values.entries()) {
    const header = headers[idx]
    row[header] = value
  }
  output.push(row)
}

console.log(output)