Kuid ES6 koodi kirjutamise \u00f5ppimine pole selle postituse eesm\u00e4rk ega ka see, kuidas ES6 abil midagi saavutada.<\/p>\n Selle asemel on see ikkagi WordPressi ja jQuery kohta. ES6 juurde tulen tagasi postituse l\u00f5pus. \u00dcks asi, mida tahaksin hea meelega k\u00e4sitleda, on see, kuidas eemaldada \u00fchise varaga loendist dubleerivad \u00fcksused.<\/p>\n T\u00e4psemalt oletame, et teil on \u00fcksuste loend \u2013 v\u00f5ib-olla on see j\u00e4rjestatud loend, j\u00e4rjestatud loend v\u00f5i isegi lihtsalt konteiner lastekomplektiga \u2013 ja igal lapsel on atribuutide komplekt.<\/p>\n Need atribuudid v\u00f5ivad olla klassiatribuudid, kohandatud andmete atribuudid v\u00f5i midagi sellist. N\u00e4iteks oletame, et meil on j\u00e4rjestamata loend ja igal alam\u00fcksusel on atribuut data-id .<\/strong><\/p>\n Lisaks oletame, et \u00fcksuste loend koostatakse mis tahes antud API vastusest, mille andmetes on duplikaadid. Muidugi peaks sellega hakkama saama serveripool, kuid kui seda ei tehta, saab seda siiski teha kliendi poolel.<\/p>\n Siin on kood<\/a><\/strong> selle tegemiseks koos selle all oleva kommentaariga:<\/p>\n Pange t\u00e4hele j\u00e4rgmist.<\/p>\n Ja see on peaaegu rida-realt, mida kood teeb.<\/p>\n Isiklikult p\u00fc\u00fcan ts\u00fckli kontekstis (v\u00f5i isegi v\u00e4ljaspool ts\u00fcklit) if\/else -lauseid mitte kasutada, kuid m\u00f5nikord pole see halb tava, ja see on \u00fcks neist.<\/strong><\/p>\n Varem mainisin, et ES6 on t\u00f5usuteel ja see on midagi, mida me arendajatena peaksime \u00f5ppima. Kui ma seda j\u00e4tkan, vaatan v\u00f5ib-olla selle postituse uuesti \u00fcle ja jagan, kuidas saavutada sama funktsionaalsus ES6-ga, mitte jQueryga, et n\u00e4idata, kuidas seda teha.<\/p>\n Sellest hoolimata, kui kasutate WordPressi ja olete kasutanud jQueryt juba aastaid, mil seda on kasutatud, soovitan teil tungivalt raamatukogust v\u00e4lja astuda ja \u00f5ppida keele uusimaid funktsioone.<\/p>\n Mina isiklikult \u00f5pin tegutsedes ja kuigi mul oli algne kalduvus jQuery vaikeseadet kasutada, otsustasin kasutada ES6-ga projekti, mille kallal me<\/a><\/strong> meeskonnakaaslase<\/a><\/strong> \u00f5hutusel praegu t\u00f6\u00f6tame .<\/p>\n![\"Dubleerivate](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e762088909c.png\")
<\/a><\/p>\nDubleerivate \u00fcksuste eemaldamine (jQuery kaudu)<\/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
Mis see ES6 kohta oli?<\/h2>\n
![\"Dubleerivate](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e7620d6d683.png\")
<\/a><\/p>\n