{"id":2513,"date":"2022-03-29T17:42:07","date_gmt":"2022-03-29T15:42:07","guid":{"rendered":"https:\/\/ekiwi.de\/?p=2513"},"modified":"2022-03-29T17:42:07","modified_gmt":"2022-03-29T15:42:07","slug":"javascript-foreach-mit-map","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/2513\/javascript-foreach-mit-map\/","title":{"rendered":"JavaScript: foreach mit map"},"content":{"rendered":"<p>\u00dcber ein Array mit der &#8222;map&#8220; Funktion iterieren.<\/p>\n<p><!--more--><\/p>\n<p>Mit der Map-Funktion k\u00f6nnen wir leicht \u00fcber die Elemente eines Arrays iterieren. Nehmen wir als Beispiel das Array mit k\u00f6stlichen Biermarken:<\/p>\n<pre>\r\nlet beers = ['Heineken', '\u00d6ttinger', 'Radeberger', 'Warsteiner', 'Krombacher'];\r\n<\/pre>\n<p>Nun k\u00f6nnen wir die Member-Funktion &#8222;map&#8220; des Arrays verwenden, um \u00fcber alle Elemente des Arrays zu gehen und etwas damit zu erledigen:<\/p>\n<pre>\r\nbeers.map(item =&gt; {\r\n    let element = document.createElement(&quot;h2&quot;);\r\n    element.innerText = item;\r\n    console.log(element);\r\n    document.getElementById(&quot;content&quot;).appendChild(element);\r\n});\r\n<\/pre>\n<p><a href=\"https:\/\/ekiwi.de\/tryit\/?id=203\" target=\"_blank\" rel=\"noopener\">Das Beispiel online ausprobieren<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00dcber ein Array mit der &#8222;map&#8220; Funktion iterieren.<\/p>\n","protected":false},"author":1,"featured_media":2260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[15],"tags":[644,44,136],"class_list":["post-2513","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-array","tag-javascript","tag-programmieren"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/2513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=2513"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/2513\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/2260"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=2513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=2513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=2513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}