{"id":11398,"date":"2018-04-11T12:58:00","date_gmt":"2018-04-11T11:58:00","guid":{"rendered":"https:\/\/agiliacenter.com\/?p=11398"},"modified":"2025-05-28T12:12:10","modified_gmt":"2025-05-28T11:12:10","slug":"bibliotecas-lodash-que-son-y-en-que-consisten","status":"publish","type":"post","link":"https:\/\/agiliacenter.com\/en\/bibliotecas-lodash-que-son-y-en-que-consisten\/","title":{"rendered":"Bibliotecas Lodash: \u00bfqu\u00e9 son y en qu\u00e9 consisten?"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

En el post de hoy analizaremos las ventajas de uso de las Bibliotecas\u00a0Lodash<\/strong><\/a>, una biblioteca moderna de utilidades de JavaScript que actualmente est\u00e1 dando mucho que hablar.\u00a0\u00a1Atentos!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

\u00bfQu\u00e9 son las bibliotecas Lodash?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Lodash es una librer\u00eda de referencia en JavaScript.\u00a0Adem\u00e1s, es el sucesor m\u00e1s famoso de\u00a0underscore.js<\/a><\/strong>.<\/p>

Se usa para simplificar el manejo y edici\u00f3n de objetos, arrays, etc. ya que este proporciona muchos m\u00e9todos de utilidad para hacerlo.<\/p>

A\u00a0su vez, simplificando este trabajo conseguimos que nuestro c\u00f3digo sea mucho m\u00e1s legible y f\u00e1cil de seguir para terceras personas.<\/p>

Como bien se ha dicho antes, es el sucesor m\u00e1s famoso de\u00a0underscore.js<\/a><\/strong>.\u00a0En un primer momento fue un simple \u201cfork\u201d y se a\u00f1adieron m\u00e1s funciones.<\/p>

A d\u00eda de hoy ha sido redise\u00f1ada por completo.<\/p>

La informaci\u00f3n en GitHub la tienes\u00a0aqu\u00ed<\/a><\/strong>.<\/p>

La documentaci\u00f3n la tienes\u00a0aqu\u00ed<\/a><\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Instalaci\u00f3n de Lodash<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Navegador web
NPM
npm install –save lodash
Uso en NodeJS (En nuestro file de Node, cargamos el componente)
const _ = require(‘lodash’)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Forma tradicional vs Lodash<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

A continuaci\u00f3n, vamos a ver algunos ejemplos peque\u00f1os sobre c\u00f3mo se ejecutar\u00edan ciertas funciones con Lodash y c\u00f3mo las har\u00edamos si no cont\u00e1semos con la misma.<\/p>

  1. Devolver el valor de una clave del primer item de un array que es el valor de otra clave:
    \/\/ Obtener el nombre del primer hermano de cada persona\nvar personas = [{\n    \"nombre\": \"Jose Luis\",\n    \"hermanos\": [{\"nombre\":\"David\"}, {\"nombre\": \"Sonia\"}]\n}, {\n    \"nombre\": \"Alfonso Manuel\",\n    \"hermanos\": [{\"nombre\":\"Gustavo\"}, {\"nombre\": \"Juan\"}]\n}];\n\n\/\/ Array's map method.\nvar nombres = personas.map(function(item){\n   return item.hermanos[0].nombre;\n});\n\/\/ [ 'David', 'Gustavo' ]\n\n\/\/ Lodash\nvar nombresBis = _.map(personas, 'hermanos[0].nombre');\n\/\/ [ 'David', 'Gustavo' ]<\/pre><\/li>
  2. Obtener n\u00famero aleatorio entre dos n\u00fameros:
    \/\/ Obtener un n\u00famero aleatorio entre 15 y 20.\n\n\/\/ Funci\u00f3n nativa\nfunction getRandomNumber(min, max){\n    return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nvar random = getRandomNumber(15, 20);\n\/\/ ej: 16\n\n\/\/ Lodash\nvar randomTwo = _.random(15, 20);\n\/\/ ej: 19<\/pre><\/li>
  3. Extend object:
    \/\/ Adding extend function to Object.prototype\nObject.prototype.extend = function(obj) {\n    for (var i in obj) {\n        if (obj.hasOwnProperty(i)) {\n            this[i] = obj[i];\n        }\n    }\n};\n\nvar objA = {\"nombre\": \"Jose Luis\", \"coche\": \"BMW\"};\nvar objB = {\"nombre\": \"Alfonso\", \"edad\": 24};\n\nobjA.extend(objB);\n\/\/ {\"nombre\": \"Alfonso\", \"edad\": 24, \"coche\": \"BMW\"}\n\n\/\/ Lodash\n_.assign(objA, objB);\n\/\/ {\"nombre\": \"Alfonso\", \"edad\": 24, \"coche\": \"BMW\"}<\/pre><\/li>
  4. Obtener \u00faltimo elemento:
    var personas = [{\n    \"nombre\": \"Jose Luis\"\n}, {\n    \"nombre\": \"Alfonso Manuel\"\n}, {\n\t\"nombre\": \"Domingo\"\n}];\n\nvar last = personas[personas.length - 1];\n\/\/ Domingo\n\nvar lastTwo = _.last(personas);\n\/\/ Domingo<\/pre><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Conclusiones<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    Lodash\u00a0es, sin lugar a dudas, una muy buena biblioteca\u00a0y de gran utilidad. Continuar\u00e9 us\u00e1ndola en todos mis proyectos de NodeJS.<\/p>
    Asimismo, destacar\u00eda ventajas como la\u00a0reducci\u00f3n de la cantidad de c\u00f3digo repetitivo<\/strong>.<\/p>
    Adem\u00e1s,\u00a0tambi\u00e9n\u00a0mejora la claridad de la l\u00f3gica de mi aplicaci\u00f3n<\/strong>.<\/p>
    Sin embargo, para\u00a0lo que m\u00e1s me ha servido ha sido para pensar de una\u00a0manera m\u00e1s funcional. Desmenuzo mi aplicaci\u00f3n en m\u00f3dulos m\u00e1s peque\u00f1os con un enfoque singular y sin efectos secundarios.<\/p>
    Finalmente, esta modularidad me permite escribir un c\u00f3digo de m\u00e1s calidad.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t