Pero aprender a escribir c\u00f3digo ES6 no es el prop\u00f3sito de esta publicaci\u00f3n, ni tampoco c\u00f3mo lograr algo usando ES6.<\/p>\n En cambio, todav\u00eda se trata de WordPress y jQuery. Volver\u00e9 a ES6 al final de la publicaci\u00f3n. Sin embargo, una de las cosas que me encantar\u00eda cubrir es c\u00f3mo eliminar elementos duplicados de una lista con una propiedad com\u00fan.<\/p>\n M\u00e1s espec\u00edficamente, supongamos que tiene una lista de elementos, tal vez sea una lista ordenada, una lista ordenada o incluso solo un contenedor con un conjunto de elementos secundarios, y cada elemento secundario tiene un conjunto de propiedades.<\/p>\n Estas propiedades pueden ser atributos de clase, propiedades de datos personalizadas o algo as\u00ed. Por ejemplo, supongamos que tenemos una lista desordenada y cada elemento secundario tiene una propiedad de identificaci\u00f3n de datos<\/strong>.<\/p>\n Adem\u00e1s, digamos que la lista de elementos se construye a partir de la respuesta de cualquier API dada donde existen duplicados en los datos. Claro, el lado del servidor debe manejar esto, pero en los casos en que no se hace, a\u00fan se puede hacer en el lado del cliente.<\/p>\n Aqu\u00ed est\u00e1 el c\u00f3digo<\/a><\/strong> para hacerlo con el comentario debajo:<\/p>\n Tenga en cuenta lo siguiente:<\/p>\n Y eso es casi l\u00ednea por l\u00ednea lo que est\u00e1 haciendo el c\u00f3digo.<\/p>\n Personalmente, trato de no usar declaraciones if\/else<\/strong> dentro del contexto de un bucle (o incluso fuera de un bucle), pero hay momentos en los que no es una mala pr\u00e1ctica hacerlo, y este es uno de ellos.<\/p>\n Anteriormente, mencion\u00e9 que ES6 est\u00e1 en aumento y es algo que nosotros, como desarrolladores, deber\u00edamos estar aprendiendo. A medida que contin\u00fae haci\u00e9ndolo, tal vez vuelva a visitar esta publicaci\u00f3n y comparta c\u00f3mo lograr la misma funcionalidad usando ES6 en lugar de jQuery para mostrar c\u00f3mo se puede hacer.<\/p>\n De todos modos, si est\u00e1 usando WordPress y ha estado usando jQuery durante los a\u00f1os que se ha usado, le insto a que salga de la biblioteca y aprenda algunas de las caracter\u00edsticas m\u00e1s nuevas del lenguaje.<\/p>\n Personalmente, aprendo haciendo, y aunque ten\u00eda una propensi\u00f3n inicial a usar jQuery de forma predeterminada, opt\u00e9 por ES6 en un proyecto en el que estamos<\/a><\/strong> trabajando actualmente a instancias de un compa\u00f1ero de equipo<\/a><\/strong>.<\/p>\n![\"Eliminar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e762088909c.png\")
<\/a><\/p>\nEliminaci\u00f3n de elementos duplicados (a trav\u00e9s de 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
Entonces, \u00bfqu\u00e9 fue eso de ES6?<\/h2>\n
![\"Eliminar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164265-61e7620d6d683.png\")
<\/a><\/p>\n