Czytelnicy tacy jak ty pomagają wspierać MUO. Kiedy dokonujesz zakupu za pomocą linków na naszej stronie, możemy otrzymać prowizję partnerską. Czytaj więcej.

Lodash to biblioteka JavaScript oferująca funkcje użytkowe do typowych zadań programistycznych z wykorzystaniem funkcjonalnego modelu programowania.

Biblioteka, która współpracuje z przeglądarkami internetowymi i Node.js, może modyfikować i konwertować dane, wykonywać operacje asynchroniczne i nie tylko.

Dowiedz się, jak używać lodash do manipulowania tablicami, ciągami znaków i obiektami oraz poznaj jego zaawansowane funkcje, takie jak składanie funkcji.

Pierwsze kroki z Lodashem

Możesz dodać lodash do swojej aplikacji na jeden z dwóch sposobów: używając Content Delivery Network (CDN) lub instalując go za pomocą npm lub przędzy.

Aby używać lodash bezpośrednio w przeglądarce, skopiuj poniższy link do lodash CDN i umieść go w sekcji head swojego pliku HTML:

<scenariuszźródło=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">scenariusz>
instagram viewer

Korzystając z tego podejścia, możesz uruchamiać skrypty za pomocą lodash w treści kodu HTML.

Aby używać lodash w projekcie Node.js, powinieneś zainstalować go w swoim katalogu projektu. Aby to zrobić, możesz użyć npm lub przędzy:

npm install --save lodash
# Lub
przędza dodaj lodash

Możesz teraz używać lodash, wymagając go w swoim pliku JavaScript:

// Wymaga biblioteki lodash
konst _ = wymagać("lodasz");
// Używając metody _.sum
konst liczby = [10, 20, 30, 40, 50];
konst suma = _.suma (liczby);
konsola.log (suma);

Aby uruchomić plik JavaScript, wprowadź polecenie węzła:

węzeł [Twoja nazwa skryptu]

Manipulacja tablicami w Lodash

Lodash zawiera zestaw metod manipulacji tablicami, które zapewniają funkcjonalność wykraczającą poza wbudowaną w JavaScript klasę Array.

.kawałek

Ta metoda dzieli tablicę na grupy mniejszych tablic o danym rozmiarze. Ostateczna porcja może być mniejsza niż żądany rozmiar.

Oto przykład:

konst tablica = [ 'A', 'B', 'C', 'D', 'mi', 'F', 'G' ];
konst nowaTablica = _.kawałek (tablica, 2)
konsola.log (nowatablica)
// Wyjście:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.kontakt

Ta metoda generuje nową tablicę przez łączenie wartości na końcu istniejącej tablicy.

Na przykład:

konstszyk = [ 1, 2, 'A' ];
konst nowaTablica = _.concat(szyk, 5, 'B', [ 8 ], [ [ 9 ] ]);
konsola.log (nowatablica);
// Wyjście:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.dołączyć

Ta metoda zwraca ciąg, łącząc elementy tablicy. Łączy je za pomocą ogranicznika, który przekazujesz jako parametr podczas wywoływania metody. Domyślnym ogranicznikiem, którego używa, jest przecinek:

konstszyk = [ „ja”, "o", "D", "A", "S", "H" ];
konst nowaTablica = _.join(szyk);
konsola.log (nowatablica);
// Wyjście:
// l, o, d, a, s, godz


konst nowaTablica = _.join(szyk, "-");
konsola.log (nowatablica);
// Wyjście:
// l-o-D-A-S-H

Manipulacja strunami w Lodash

Z samym JavaScriptem, formatowanie łańcucha jest prostym procesem. Ale lodash sprawia, że ​​jest to jeszcze łatwiejsze.

Niektóre z najczęstszych operacji manipulacji łańcuchami, które można wykonać za pomocą lodash, obejmują:

.zaczyna się od i .kończy się na

Te dwie metody sprawdzają, czy łańcuch rozpoczyna się, czy kończy odpowiednio podłańcuchem. Obie metody zwracają wartość logiczną true lub false.

Na przykład:

konst ciąg = "lodasz";
konsola.log (_.startsWith (string, „ja”));
// Dane wyjściowe: prawda


konsola.log (_.startsWith (string, "o"));
// Dane wyjściowe: fałsz


konsola.log (_.endsWith (string, "M"));
// Dane wyjściowe: fałsz
konsola.log (_.endsWith (string, "H"));
// Dane wyjściowe: prawda

.powtarzać

Ta metoda wielokrotnie drukuje ciąg określoną liczbę razy. Przyjmuje łańcuch jako pierwszy argument, a liczbę powtórzeń jako drugi:

konst ciąg = "lodasz"
konst nowyCiąg = _.powtórz (łańcuch, 3);
konsola.log (nowyciąg);
// Dane wyjściowe: lodashlodashlodash

.przycinać

Ta metoda usuwa początkowe i końcowe białe znaki. Możesz go również użyć do usunięcia określonych znaków na początku i na końcu łańcucha.

Na przykład:

// Usuwanie początkowych i końcowych spacji
konst ciąg = " bar "
konst nowyCiąg = _.trim (ciąg znaków)
konsola.log (nowyciąg);
// Dane wyjściowe: bar
// Usuwanie określonych znaków
konst ciąg = ",bar,"
konst nowyCiąg = _.trim (łańcuch, ",")
konsola.log (nowyciąg);
// Dane wyjściowe: bar

Manipulacja obiektami w Lodash

Poniżej znajduje się kilka przykładów manipulacji łańcuchami, które można wykonać za pomocą lodash:

.łączyć

The _.łączyć() Metoda tworzy nowy obiekt, łącząc właściwości obiektów wejściowych. Wartość właściwości z późniejszego obiektu zastąpi wartość z wcześniejszego obiektu, jeśli właściwość jest obecna w więcej niż jednym obiekcie.

Na przykład:

konst książki = {
'Matematyka': 4, 
'Nauka': 7
};

konst notatki = {
'Nauka': 3, 
'Chemia': 5
};
_.łączyć(książki, notatki);
konsola.log (książki);
// Wyjście:
// { Matematyka: 4, Nauka: 3, Chemia: 5 }

W tym przykładzie metoda dodaje właściwość „Chemia” z drugiego obiektu i nadpisuje wartość właściwości „Nauka” pierwszego obiektu.

.ma

Ta metoda zwraca wartość true, jeśli w obiekcie istnieje dana seria właściwości, w przeciwnym razie zwraca wartość false.

Na przykład:

konst książki = {
'Matematyka': 4, 
'Nauka': 7
};
konsola.log (_.has (książki, "Matematyka"));
// Dane wyjściowe: prawda

.pomijać

Ta metoda zwraca nowy obiekt, usuwając określone właściwości z podanego.

Na przykład:

rozm książki = {
'Matematyka': 4, 
'Nauka': 3, 
'Chemia': 5
};

konsola.log (_.pomiń (książki, "Nauka"));
// Wynik: { Matematyka: 4, Chemia: 5 }

Kompozycja funkcji w Lodash

Kompozycja funkcji to technika, której możesz użyć funkcjonalny język programowania. Polega na połączeniu dwóch lub więcej funkcji w nową funkcję poprzez wywołanie każdej funkcji w określonej kolejności. Ta funkcja umożliwia tworzenie bardziej złożonej logiki z prostszych funkcji.

Aby zastosować tę technikę, lodash jest dostarczany z _.przepływ I _.flowPrawo Funkcje. The _.przepływ() funkcja przyjmuje listę funkcji jako argumenty i wyświetla nową funkcję, która stosuje funkcje w tej samej kolejności, w jakiej je przekazujesz. The _.flowRight() funkcja robi to samo, ale wywołuje funkcje w odwrotnej kolejności.

Na przykład:

funkcjonowaćdodaj Piątkę(numer) {
powrót liczba + 5
}
funkcjonowaćrazy Dwa(numer) {
powrót liczba * 2
}


konst addFiveAndTimesTwo = _.flow([addFive, timesTwo]);


konst addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);


konsola.log (addFiveAndTimesTwo(3));
// Dane wyjściowe: 16
konsola.log (addFiveAndTimesTwoReverse(3));
// Dane wyjściowe: 11

Powyższy kod definiuje funkcje dodaj Piątkę I razy Dwa. Funkcja addFive zwraca wynik dodania 5 do podanej liczby. Funkcja timesTwo mnoży liczbę wejściową przez 2 i zwraca wynik.

Następnie kod używa _.przepływ() funkcja, aby połączyć dwie pozostałe i utworzyć nową funkcję, dodaj pięć i razy dwa. Ta nowa funkcja najpierw wykona operację addFive na swoim argumencie, zanim wykona operację timesTwo na wyniku końcowym.

The _.flowRight() function tworzy nową funkcję, która robi to samo co flow, ale w odwrotnej kolejności.

Na koniec ten kod wywołuje dwie nowe funkcje, przekazując 3, jako argument i rejestruje wyniki w konsoli.

Korzyści z pracy z Lodash

Możesz użyć lodash, aby uprościć swój kod i uczynić swoje projekty bardziej elastycznymi i łatwiejszymi w utrzymaniu. Jego szeroki zakres funkcji użytkowych, szerokie zastosowanie i regularne aktualizacje pomogą Ci pisać elegancki, efektywny kod. Możesz użyć lodash, aby zagwarantować, że Twój kod jest zawsze aktualny i kompatybilny ze współczesnymi przeglądarkami.