Ma imparare a scrivere codice ES6 non \u00e8 lo scopo di questo post, n\u00e9 come ottenere qualcosa usando ES6.<\/p>\n Invece, si tratta ancora di WordPress e jQuery. Torner\u00f2 su ES6 alla fine del post. Una delle cose che mi piacerebbe trattare, tuttavia, \u00e8 come rimuovere elementi duplicati da un elenco con una propriet\u00e0 comune.<\/p>\n Pi\u00f9 specificamente, supponiamo di avere un elenco di elementi \u2013 forse \u00e8 un elenco ordinato, un elenco ordinato o anche solo un contenitore con un insieme di figli \u2013 e ogni figlio ha un insieme di propriet\u00e0.<\/p>\n Queste propriet\u00e0 potrebbero essere attributi di classe, propriet\u00e0 dei dati personalizzate o qualcosa del genere. Ad esempio, supponiamo di avere un elenco non ordinato e ogni elemento figlio ha una propriet\u00e0 data-id<\/strong>.<\/p>\n Inoltre, supponiamo che l’elenco di elementi sia costruito dalla risposta di una determinata API in cui esistono duplicati nei dati. Certo, il lato server dovrebbe gestirlo, ma nei casi in cui non viene eseguito, pu\u00f2 comunque essere eseguito sul lato client.<\/p>\n Ecco il codice<\/a><\/strong> per farlo con il commento sotto di esso:<\/p>\n Nota quanto segue:<\/p>\n E questo \u00e8 quasi riga per riga ci\u00f2 che sta facendo il codice.<\/p>\n Personalmente, cerco di non usare le istruzioni if\/else<\/strong> nel contesto di un ciclo (o anche al di fuori di un ciclo), ma ci sono momenti in cui non \u00e8 una cattiva pratica farlo, e questo \u00e8 uno di questi.<\/p>\n In precedenza, ho detto che ES6 \u00e8 in aumento ed \u00e8 qualcosa che noi sviluppatori dovremmo imparare. Mentre continuo a farlo, forse rivisiter\u00f2 questo post e condivider\u00f2 come ottenere la stessa funzionalit\u00e0 utilizzando ES6 anzich\u00e9 jQuery per mostrare come \u00e8 possibile farlo.<\/p>\n Indipendentemente da ci\u00f2, se stai utilizzando WordPress e hai utilizzato jQuery per gli anni con cui \u00e8 stato utilizzato, ti esorto a uscire dalla libreria e ad apprendere alcune delle nuove funzionalit\u00e0 del linguaggio.<\/p>\n Personalmente, imparo facendo, e sebbene avessi una propensione iniziale a impostare jQuery per impostazione predefinita, ho optato per ES6 in un progetto su cui stiamo<\/a><\/strong> attualmente lavorando su sollecitazione di un compagno di squadra<\/a><\/strong>.<\/p>\n![\"Rimozione](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e762088909c.png\")
<\/a><\/p>\nRimozione di elementi duplicati (tramite 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
Allora, cos’era quello su ES6?<\/h2>\n
![\"Rimozione](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e7620d6d683.png\")
<\/a><\/p>\n