Skip to content

Instantly share code, notes, and snippets.

@LevinFaber
Created November 26, 2018 15:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LevinFaber/cd6ac807e40dacf036f48926872b4849 to your computer and use it in GitHub Desktop.
Save LevinFaber/cd6ac807e40dacf036f48926872b4849 to your computer and use it in GitHub Desktop.
HTML Liste aus einem Objekt
// Diese Funktion macht aus einem Objekt wie oben zu sehen eine Dom Liste. Glaubt mir.
function generateHTML(tree: object, level: number) {
const entries = Object.keys(tree);
if (entries.length === 0) return '</li>'; // Wenn das ende Eines Zweiges getroffen wird schließen wir den Eintrag und machen weiter.
const out =
'<ul>' +
entries.map((entry: string) => {
return '<li>' + entry + generateHTML(tree[entry], level + 1);
}) +
'</ul>'; // Weitere Level sind in einer weiteren unsortierten Liste.
return `${out}</li>`.replace(/,/g, '\r\n'); // Es werden "," eingefügt, wo eigentlich Retruns sein sollten, deswegen werden diese ersetzt.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment