{"id":2179,"date":"2014-06-06T16:15:20","date_gmt":"2014-06-06T14:15:20","guid":{"rendered":"http:\/\/lloc.de\/?p=2179"},"modified":"2014-06-06T16:15:20","modified_gmt":"2014-06-06T14:15:20","slug":"underscore-js-objekt-nach-memberwerten-sortieren","status":"publish","type":"post","link":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/","title":{"rendered":"underscore.js &#8211; Objekt nach Memberwerten sortieren"},"content":{"rendered":"<p>Die <a href=\"http:\/\/underscorejs.org\/\">JavaScript-Library underscore.js<\/a> it ja nun schon <a href=\"http:\/\/torquemag.io\/backbone-underscore-35\/\">seit dem Erscheinen der WordPress Version 3.5<\/a> fester Bestandteil der Installation. Wie man seine Scripten in WordPress richtig einbindet und die Abh\u00e4ngigkeiten gleich mit aufl\u00f6st, hatte ich in einem anderen Post bereits besprochen. Heute soll es um ein konkretes Problem gehen, bei dem sich Helperfunktionen von <strong>underscore.js<\/strong> als sehr n\u00fctzlich erweisen.<\/strong><br \/>\n<!--more--><\/p>\n<p><em>Vielleicht habt ihr das ja auch schon mal auf dem Tisch gehabt:<\/em><\/p>\n<p>In PHP kann man prima sein assoziativen Arrays in JSON-Strings umwandeln, um diese dann bequem in den JavaScripten weiterverwenden zu k\u00f6nnen. Wer sein assoziatives Array (oder auch Hash) vorsortiert hat, damit sich die Ausgabe sch\u00f6n einfach gestaltet, wundert sich vielleicht dar\u00fcber, dass sich JavaScript irgendwie gar nicht daf\u00fcr interessiert und die Schl\u00fcssel unseres array-\u00e4hnlichen Objektes als Kriterium f\u00fcr die Sortierung benutzt.<\/p>\n<p>Nun kann man sich an die Finger\u00fcbung machen und Code schreiben, der das Objekt in ein sortierbares Gebilde umwandelt und dann noch einmal nach den Werten sortiert oder aber die bereits vorhanden underscore.js-Helper verwenden, die vermutlich auch sofort viel besser funktionieren. Der nachfolgende Code soll das Ganze etwas illustrieren, ein <a href=\"http:\/\/jsfiddle.net\/realloc\/bRDdK\/3\/\">Fiddle<\/a> steht ebenfalls zur Verf\u00fcgung&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die JavaScript-Library underscore.js it ja nun schon seit dem Erscheinen der WordPress Version 3.5 fester Bestandteil der Installation. Wie man seine Scripten in WordPress richtig einbindet und die Abh\u00e4ngigkeiten gleich mit aufl\u00f6st, hatte ich in einem anderen Post bereits besprochen. Heute soll es um ein konkretes Problem gehen, bei dem sich Helperfunktionen von underscore.js als &hellip; <a href=\"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eunderscore.js &#8211; Objekt nach Memberwerten sortieren\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"wpf_show_in_dewp_planet_feed":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-2179","post","type-post","status-publish","format-standard","hentry","category-code"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum<\/title>\n<meta name=\"description\" content=\"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum\" \/>\n<meta property=\"og:description\" content=\"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/\" \/>\n<meta property=\"og:site_name\" content=\"realloc&#039;s asylum\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-06T14:15:20+00:00\" \/>\n<meta name=\"author\" content=\"realloc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"realloc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/\"},\"author\":{\"name\":\"realloc\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#\\\/schema\\\/person\\\/571f8ada841cca782e8001b942e032c8\"},\"headline\":\"underscore.js &#8211; Objekt nach Memberwerten sortieren\",\"datePublished\":\"2014-06-06T14:15:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/\"},\"wordCount\":207,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#\\\/schema\\\/person\\\/571f8ada841cca782e8001b942e032c8\"},\"articleSection\":[\"Code\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/\",\"url\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/\",\"name\":\"underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#website\"},\"datePublished\":\"2014-06-06T14:15:20+00:00\",\"description\":\"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/underscore-js-objekt-nach-memberwerten-sortieren\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ploetner.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"underscore.js &#8211; Objekt nach Memberwerten sortieren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/ploetner.io\\\/de\\\/\",\"name\":\"realloc's asylum\",\"description\":\"Software Developer &amp; WordPress Enthusiast | Born in Germany. Reborn in Italy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#\\\/schema\\\/person\\\/571f8ada841cca782e8001b942e032c8\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ploetner.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/#\\\/schema\\\/person\\\/571f8ada841cca782e8001b942e032c8\",\"name\":\"realloc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/sites\\\/8\\\/2022\\\/11\\\/52602486_10215993351498483_6040822616506236928_n.jpg\",\"url\":\"https:\\\/\\\/ploetner.io\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/sites\\\/8\\\/2022\\\/11\\\/52602486_10215993351498483_6040822616506236928_n.jpg\",\"contentUrl\":\"https:\\\/\\\/ploetner.io\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/sites\\\/8\\\/2022\\\/11\\\/52602486_10215993351498483_6040822616506236928_n.jpg\",\"width\":847,\"height\":848,\"caption\":\"realloc\"},\"logo\":{\"@id\":\"https:\\\/\\\/ploetner.io\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/sites\\\/8\\\/2022\\\/11\\\/52602486_10215993351498483_6040822616506236928_n.jpg\"},\"description\":\"Software Developer &amp; WordPress Enthusiast | Born in Germany. Reborn in Italy.\",\"sameAs\":[\"https:\\\/\\\/ploetner.io\\\/\"],\"url\":\"https:\\\/\\\/ploetner.io\\\/de\\\/author\\\/realloc\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum","description":"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/","og_locale":"de_DE","og_type":"article","og_title":"underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum","og_description":"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.","og_url":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/","og_site_name":"realloc&#039;s asylum","article_published_time":"2014-06-06T14:15:20+00:00","author":"realloc","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"realloc","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/#article","isPartOf":{"@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/"},"author":{"name":"realloc","@id":"https:\/\/ploetner.io\/de\/#\/schema\/person\/571f8ada841cca782e8001b942e032c8"},"headline":"underscore.js &#8211; Objekt nach Memberwerten sortieren","datePublished":"2014-06-06T14:15:20+00:00","mainEntityOfPage":{"@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/"},"wordCount":207,"commentCount":0,"publisher":{"@id":"https:\/\/ploetner.io\/de\/#\/schema\/person\/571f8ada841cca782e8001b942e032c8"},"articleSection":["Code"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/","url":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/","name":"underscore.js - Objekt nach Memberwerten sortieren - realloc&#039;s asylum","isPartOf":{"@id":"https:\/\/ploetner.io\/de\/#website"},"datePublished":"2014-06-06T14:15:20+00:00","description":"Wie kann man mit Hilfe von underscore.js eine array-\u00e4hnliches JavaScript Object nach den Werten der Properties sicher sortieren.","breadcrumb":{"@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ploetner.io\/de\/underscore-js-objekt-nach-memberwerten-sortieren\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ploetner.io\/de\/"},{"@type":"ListItem","position":2,"name":"underscore.js &#8211; Objekt nach Memberwerten sortieren"}]},{"@type":"WebSite","@id":"https:\/\/ploetner.io\/de\/#website","url":"https:\/\/ploetner.io\/de\/","name":"realloc's asylum","description":"Software Developer &amp; WordPress Enthusiast | Born in Germany. Reborn in Italy.","publisher":{"@id":"https:\/\/ploetner.io\/de\/#\/schema\/person\/571f8ada841cca782e8001b942e032c8"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ploetner.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/ploetner.io\/de\/#\/schema\/person\/571f8ada841cca782e8001b942e032c8","name":"realloc","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/ploetner.io\/de\/wp-content\/uploads\/sites\/7\/sites\/8\/2022\/11\/52602486_10215993351498483_6040822616506236928_n.jpg","url":"https:\/\/ploetner.io\/de\/wp-content\/uploads\/sites\/7\/sites\/8\/2022\/11\/52602486_10215993351498483_6040822616506236928_n.jpg","contentUrl":"https:\/\/ploetner.io\/de\/wp-content\/uploads\/sites\/7\/sites\/8\/2022\/11\/52602486_10215993351498483_6040822616506236928_n.jpg","width":847,"height":848,"caption":"realloc"},"logo":{"@id":"https:\/\/ploetner.io\/de\/wp-content\/uploads\/sites\/7\/sites\/8\/2022\/11\/52602486_10215993351498483_6040822616506236928_n.jpg"},"description":"Software Developer &amp; WordPress Enthusiast | Born in Germany. Reborn in Italy.","sameAs":["https:\/\/ploetner.io\/"],"url":"https:\/\/ploetner.io\/de\/author\/realloc\/"}]}},"_links":{"self":[{"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/posts\/2179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/comments?post=2179"}],"version-history":[{"count":0,"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/posts\/2179\/revisions"}],"wp:attachment":[{"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/media?parent=2179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/categories?post=2179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ploetner.io\/de\/wp-json\/wp\/v2\/tags?post=2179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}