JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

patch*8+laser*2+0
patch*8+laser*2+1

JavaScript

/*     let patch = 0;
    let laser = 0;
    let pd = 1;
    
    let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31];
    for (i = 1; i <= 4; i++) {
      for (var j = 1; j <= 4; j++) {
        console.log(i, ",", j, ",", pd, ",", arr[((i-1)*8) + ((j - 1)*2)] , arr[((i-1)*8) + ((j - 1)*2) +1  ]);
        if (pd === 1) pd = 2
        else pd = 1
      }
      //if (i % 8 === 0) patch++;
      //laser++;
      //console.log(patch + "," + laser + "," + pd + "," + arr[i]);)
    }
     */
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31];
for (let patch = 0; patch < 4; patch++) {
  for (let laser = 0; laser < 4; laser++) {
    for (let diode = 0; diode < 2; diode++) {
      const valueIndex = patch * 8 + laser * 2 + diode;
      const value = arr[valueIndex];
      console.log(`${patch+1},${laser+1},${diode+1},${value}`);
    }

  }
}