kontakt
Software house
>
Tag
>
Lodash nowoczesna biblioteka JS
lodash

Lodash nowoczesna biblioteka JS

Data wpisu
Kamil Nahotko
Autor
Kamil Nahotko

Programując, często pracujemy nad tablicami oraz obiektami. Javascript dostarcza nam metody z Array.prototype, które ułatwiają nam pracę nad tablicami, lecz czasami potrzebujemy bardziej skomplikowanych funkcji. W tym artykule przedstawię bibliotekę lodash, która posiada wiele funkcji, których nie znajdziemy w czystym Javascriptcie.

Lodash

Czym tak właściwie jest Lodash?

Lodash jest to biblioteka napisana w języku Javascript i powstała jako fork projektu underscore.js. Przeciwieństwie do innych bibliotek tego typu Lodashunika metod iteracyjnych, na rzecz uproszczonych pętli. Lodash jest biblioteką bardzo popularną wśród bibliotek do Javascriptu, gdy wejdziemy na npm możemy ją zobaczyć na szczycie listy najczęściej pobieranych paczek. Jak wspomniałem na wstępie Lodash dodaje nam dodatkowe metody, dzięki którym praca nad tablicami, czy też obiektami staje się o wiele prostsza oraz redukuje kod do pojedynczych instrukcji. Biblioteka Lodash idealnie sprawdza się do:

  • Iterowania tablic, obiektów i ciągów 
  • Manipulowania oraz testowania wartości
  • Tworzenia funkcji złożonych

Instalacja Lodash

Lodash możemy zainstalować za pomocą npm:

npm install --save lodash

Funkcje Lodash

_.concat() - Funkcja ta łączy wartości z istniejącą tablicą.

let animals = ['whale', 'vampire bat', 'unicorn'']

let animals = _.concat(arr, 'owl', 'penguin');
// Output => animals = ['whale', 'vampire bat', 'unicorn'', 'owl', 'penguin']

_.intersection - Funkcja ta znajduje wspólne elementy między dwiema tablicami.

let animals1 = ['zebra', 'vampire bat', 'owl', 'frog']
let animals2 =  ['whale', 'vampire bat', 'unicorn'', 'owl', 'penguin']

let commonElements = _.intersection(animals1, animals2);
// commonElements-> ["vampire bat", "owl"]

_.chunk - Tworzy tablicę elementów podzieloną na grupy według długości.

let animals = ['zebra', 'vampire bat', 'owl', 'frog']

let chunk = _.chunk(animals, 2);
// chunk => [['zebra', 'vampire bat'], ['owl', 'frog']]

Praca: #lodash
0 Aktualnie brak ofert pracy
Wszystkie oferty
Case study: #lodash
0 Aktualnie brak case study
Zobacz wszystkie