Brauche Hilfe bei einem Javascript

temptemp

New member
Hallo,
ich habe folgende Tabelle

<style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} </style> <table class="tg"> <tr> <th class="tg-031e">a</th> <th class="tg-031e">b</th> <th class="tg-031e">c</th> <th class="tg-031e">d</th> <th class="tg-031e"></th> </tr> <tr> <td class="tg-031e" rowspan="2">1</td> <td class="tg-031e">19:10</td> <td class="tg-031e">20:30</td> <td class="tg-031e">1</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e">12:30</td> <td class="tg-031e">13:40</td> <td class="tg-031e">3</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e" rowspan="2">2</td> <td class="tg-031e">14:10</td> <td class="tg-031e">15:30</td> <td class="tg-031e">2</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e">9:30</td> <td class="tg-031e">10:00</td> <td class="tg-031e">3</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e" rowspan="2">3</td> <td class="tg-031e">8:10</td> <td class="tg-031e">8:20</td> <td class="tg-031e">4</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e">7:10</td> <td class="tg-031e">7:20</td> <td class="tg-031e">3</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e" rowspan="2">4</td> <td class="tg-031e">8:10</td> <td class="tg-031e">8:20</td> <td class="tg-031e">5</td> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e">6:20</td> <td class="tg-031e">6:30</td> <td class="tg-031e"></td> <td class="tg-031e"></td> </tr> </table>

Wo ein die Anzahl der Zeilen bei 1/2/3/4 variable sein sollte.

Ist es möglich mit einem JavaScript folgendes json automatisch generieren?


Code:
{"1":[{"a":"19:10","b":"20:30","c":"1"},{"a":"12:30","b":"13:40","c":3}],"2":[{"a":"14:10","b":"15:30","c":"2"},{"a":"9:30","b":"10:00","c":"3"}],"3":[{"a":"8:10","b":"8:20","c":"4"},{"a":"7:10","b":"7:20","c":"3"}],"4":[{"a":"8:10","b":"8:20","c":"5"},{"a":"6:20","b":"6:30","c":"f"}]}
Bildschirmfoto_vom_2024-05-17_09-55-06.png
 
Ist es möglich mit einem JavaScript folgendes json automatisch generieren?
Ja.

Ich vermute auch mal, dass du wissen möchtest wie.
Dabei kommt es immer darauf an,
  • Wie dynamisch du die Erstellung möchtest.
    • So gehören in den Basisdaten (hier ist das die Tabelle) immer zwei Rows zu einem Eintrag im Json. Muss das dynamisch entschieden werden, oder kann das als gegeben vorausgesetzt werden.
    • Außerdem gibt es bei deinem Beispiel eine Spalte "d" die in deinem Json nicht existiert. Wie wird entschieden, dass diese nicht mit genommen wird.
    • Auch gibt es eine Leere Spalte sowohl im head als auch in den Rows. Wie wird entschieden, dass diese nicht mitgenommen wird.
  • Wie Werte, die in den Basisdaten nicht vorhanden sind, sich zusammen setzen.
    • Bei deinem Beispiel ist das zum Beispiel das "f" in data[4][1].c, das in der Tabelle nicht zu sehen ist.
 
  • Like
Reaktionen: mo
Zurück
Oben