Men att l\u00e4ra sig skriva ES6-kod \u00e4r inte syftet med det h\u00e4r inl\u00e4gget, och inte heller hur man uppn\u00e5r n\u00e5got med ES6.<\/p>\n Ist\u00e4llet handlar det fortfarande om WordPress och jQuery. Jag \u00e5terkommer till ES6 i slutet av inl\u00e4gget. En av de saker jag skulle vilja t\u00e4cka \u00e4r dock hur man tar bort dubbletter fr\u00e5n en lista med en gemensam egendom.<\/p>\n Mer specifikt, l\u00e5t oss anta att du har en lista med objekt \u2013 kanske \u00e4r det en best\u00e4lld lista, en best\u00e4lld lista eller till och med bara en beh\u00e5llare med en upps\u00e4ttning underordnade \u2013 och varje barn har en upps\u00e4ttning egenskaper.<\/p>\n Dessa egenskaper kan vara klassattribut, anpassade dataegenskaper eller n\u00e5got liknande. L\u00e5t oss till exempel s\u00e4ga att vi har en oordnad lista och varje underordnad objekt har en data-id-<\/strong> egenskap.<\/p>\n L\u00e5t oss vidare s\u00e4ga att listan \u00f6ver objekt \u00e4r konstruerad fr\u00e5n svaret fr\u00e5n ett givet API d\u00e4r dubbletter finns i data. Visst b\u00f6r serversidan hantera detta, men i de fall det inte g\u00f6rs kan det fortfarande g\u00f6ras p\u00e5 klientsidan.<\/p>\n H\u00e4r \u00e4r koden<\/a><\/strong> f\u00f6r att g\u00f6ra det med kommentaren under:<\/p>\n Observera f\u00f6ljande:<\/p>\n Och det \u00e4r n\u00e4stan rad f\u00f6r rad vad koden g\u00f6r.<\/p>\n Personligen f\u00f6rs\u00f6ker jag att inte anv\u00e4nda if\/else-<\/strong> satser inom ramen f\u00f6r en loop (eller ens utanf\u00f6r en loop), men det finns tillf\u00e4llen d\u00e5 det inte \u00e4r en d\u00e5lig praxis att g\u00f6ra det, och det h\u00e4r \u00e4r en av dem.<\/p>\n Tidigare n\u00e4mnde jag att ES6 \u00e4r p\u00e5 frammarsch och det \u00e4r n\u00e5got som vi som utvecklare borde l\u00e4ra oss. N\u00e4r jag forts\u00e4tter att g\u00f6ra det kanske jag \u00e5terkommer till det h\u00e4r inl\u00e4gget och delar med mig av hur man uppn\u00e5r samma funktionalitet med ES6 snarare \u00e4n jQuery f\u00f6r att visa hur det kan g\u00f6ras.<\/p>\n Oavsett, om du anv\u00e4nder WordPress och har anv\u00e4nt jQuery under de \u00e5r som det har anv\u00e4nts, uppmanar jag dig att g\u00e5 utanf\u00f6r biblioteket och l\u00e4ra dig n\u00e5gra av de nyare funktionerna i spr\u00e5ket.<\/p>\n Personligen l\u00e4r jag mig genom att g\u00f6ra, och \u00e4ven om jag hade en initial ben\u00e4genhet att anv\u00e4nda jQuery som standard, valde jag att g\u00e5 med ES6 i ett projekt som vi<\/a><\/strong> f\u00f6r n\u00e4rvarande arbetar med p\u00e5 uppmaning av en lagkamrat<\/a><\/strong>.<\/p>\n![\"Ta](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e762088909c.png\")
<\/a><\/p>\nTa bort dubbletter av objekt (via jQuery)<\/h2>\n
\/**\n * Removes duplicates from the specified array of items; however, this function\n * assumes that $items is an unordered list of items with child elements.\n *\n * @param $items An unordered list of products with duplicaten children.\n * @return $items An unordered list of products no duplicate children.\n *\n * @private\n *\/\nvar _removeDuplicates = function($items) {\n\n var unique = {},\n dataItemId = -1;\n\n $items\n .children()\n .each(function() {\n dataItemId = $(this).attr('data-id');\n if (unique[dataItemId]) {\n $(this).remove();\n } else {\n unique[dataItemId] = true;\n }\n });\n\n return $item;\n};<\/code><\/pre>\n\n
S\u00e5 vad var det med ES6?<\/h2>\n
![\"Ta](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e7620d6d683.png\")
<\/a><\/p>\n