• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

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