Lodash
minuta czytania
Lodash to biblioteka JavaScript, która zapewnia wiele przydatnych funkcji i metod do pracy z tablicami, obiektami i ciągami znaków. Jest to narzędzie, które pozwala na upraszczanie i ulepszanie kodu, a także na unikanie pisania powtarzającego się kodu.
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.
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 Lodash unika 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']]Powiązane artykuły
Optymalizacja obrazów Dockera
24 lip 2023
Obrazy dla kontenerów Dockera mogą być naprawdę ciężkie. W internecie można znaleźć przykłady image'ów ważących nawet po 5 lub więcej gigabajtów. Jest to problem, zarówno dla developerów, używających Dockera do lokalnego developmentu, jak i dla osób odpowiedzialnych za setup aplikacji w środowiskach testowych i produkcyjnych. W artykule zostanie poruszony temat zmniejszania rozmiaru obrazów Dockera.
InVision Studio - niezbędne narzędzie dla każdego projektanta UI/UX
25 wrz 2023
InVision Studio to narzędzie, którego każdy projektant UI/UX powinien mieć w swoim arsenale. Pomaga w tworzeniu responsywnych interfejsów, prototypów i animacji, umożliwiając szybką i efektywną pracę. Doceniany za innowacyjność, łatwość obsługi oraz szeroki zakres funkcji, InVision Studio silnie zaznacza swoją obecność w świecie projektowania UI/UX.
Efektywne prowadzenie webinarów w sektorze IT
25 wrz 2023
W dobie cyfryzacji, webinar staje się jednym z najważniejszych narzędzi w sektorze IT. Powodzenie webinaru zależy od wielu czynników, począwszy od przygotowania, a skończywszy na umiejętności utrzymania zaangażowania uczestników. Zatem cyfrowym szlakiem: poradnik efektywnego prowadzenia, to przewodnik, który pomoże przetrwać w cyfrowym świecie webinarów IT. Dowiedz się więcej, jak skutecznie zorganizować i przeprowadzić webinar, a swoje zdobycze wiedzy zastosować w praktyce.
MyISAM - mechanizm składowania danych w MySQL
25 wrz 2023
MyISAM, zasłużony odpowiednik MySQL dla architektury składowania danych, to prawdziwy klejnot w jego koronie. Zapewniając szybką indeksację i wysoki poziom skompresowanych danych, MyISAM umożliwia efektywne zarządzanie dużymi ilościami informacji. Weźmy zestaw narzędzi, aby zgłębić tajemnice tego mechanizmu składowania danych.
Poznaj Preact: Lekka i efektywna alternatywa dla ReactJS
25 wrz 2023
Technologia frontendu stale ewoluuje, wprowadzając różne biblioteki i ramki do tworzenia zaawansowanych aplikacji webowych. Jednym z najpopularniejszych narzędzi jest ReactJS, ale co jeśli istnieje alternatywa, która jest lżejsza i bardziej wydajna? Pozwólcie, że przedstawię wam Preact - lekką, szybką i efektywną alternatywę dla ReactJS.
Google Hummingbird - Zrozumienie zasad działania i optymalizacja swojej strony
24 wrz 2023
W głębokiej dżungli algorytmów wyszukiwarek internetowych, Google Hummingbird wydaje się być tym, co ożywia świat SEO. Działa inaczej, niż większość ludzi zakłada. Redirecty, meta tagi... wszystko to jest ważne, ale tylko część większego obrazu. Hummingbird szuka czegoś więcej - zrozumienia intencji zapytania użytkownika. Zanurzmy się zatem w świat tego wyjątkowego algorytmu SEO i odkryjmy, jak optymalizować naszą stronę pod kątem jego wymagań.
Zobacz wszystkie artykuły