Lodash je JavaScript biblioteka koja nudi uslužne funkcije za tipične programerske zadatke koristeći model funkcionalnog programiranja.
Knjižnica, koja radi s web preglednicima i Node.js, može modificirati i pretvoriti podatke, izvoditi asinkrone operacije i još mnogo toga.
Naučite kako koristiti lodash za rukovanje nizovima, nizovima i objektima i saznajte više o njegovim naprednim značajkama kao što je sastav funkcija.
Početak rada s Lodashom
Možete dodati lodash svojoj aplikaciji na jedan od dva načina: pomoću mreže za isporuku sadržaja (CDN) ili instaliranjem pomoću npm-a ili yarn-a.
Da biste koristili lodash izravno u pregledniku, kopirajte donju poveznicu lodash CDN i umetnite je u odjeljak head svoje HTML datoteke:
<skriptasrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
type="text/javascript">skripta>
Koristeći ovaj pristup, možete pokretati skripte koristeći lodash u tijelu vašeg HTML-a.
Da biste koristili lodash u Node.js projektu, trebali biste ga instalirati u svoj direktorij projekta. Za to možete koristiti ili npm ili yarn:
npm instaliraj --spremi lodash
# ili
pređe dodati lodaš
Sada možete koristiti lodash tako da ga zahtijevate u svojoj JavaScript datoteci:
// Zahtijeva lodash knjižnicu
konst _ = zahtijevati("lodaš");
// Korištenje metode _.sum
konst brojevi = [10, 20, 30, 40, 50];
konst zbroj = _.zbroj (brojevi);
konzola.log (zbroj);
Za pokretanje JavaScript datoteke unesite naredbu čvora:
čvor [ime vaše skripte]
Manipulacija nizovima u Lodashu
Lodash dolazi sa skupom metoda za manipulaciju nizovima koji pružaju funkcionalnost izvan JavaScript-ove ugrađene klase Array.
.komad
Ova metoda dijeli niz u grupe manjih nizova zadane veličine. Konačni dio može biti manji od veličine koju tražite.
Evo primjera:
konst niz = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
konst novi niz = _.chunk (niz, 2)
konzola.log (novi niz)
// Izlaz:
// [ [ 'a B C D E F G' ] ]
.concat
Ova metoda generira novi niz ulančavanjem vrijednosti na kraj postojećeg niza.
Na primjer:
konstniz = [ 1, 2, 'a' ];
konst novi niz = _.concat(niz, 5, 'b', [ 8 ], [ [ 9 ] ]);
konzola.log (novi niz);
// Izlaz:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]
.pridružiti
Ova metoda vraća niz kombiniranjem elemenata niza. Spaja ih pomoću graničnika koji prosljeđujete kao parametar prilikom pozivanja metode. Zadani razdjelnik koji koristi je zarez:
konstniz = [ "l", "o", "d", "a", "s", "h" ];
konst novi niz = _.join(niz);
konzola.log (novi niz);// Izlaz:
// l, o, d, a, s, hkonst novi niz = _.join(niz, "-");
konzola.log (novi niz);
// Izlaz:
// l-o-d-a-s-h
Manipulacija nizovima u Lodashu
S golim JavaScriptom, formatiranje niza je jednostavan proces. Ali lodash to čini još lakšim.
Neke od najčešćih operacija manipulacije nizovima koje možete izvesti s lodashom uključuju:
.startsWith i .endsWith
Ove dvije metode provjeravaju da li niz počinje ili završava podnizom. Obje metode vraćaju Booleovu vrijednost true ili false.
Na primjer:
konst niz = "lodaš";
konzola.log (_.startsWith (niz, "l"));
// Izlaz: istinakonzola.log (_.startsWith (niz, "o"));
// Izlaz: netočnokonzola.log (_.endsWith (niz, "m"));
// Izlaz: netočno
konzola.log (_.endsWith (niz, "h"));
// Izlaz: istina
.ponoviti
Ova metoda više puta ispisuje niz određeni broj puta. Uzima niz kao prvi argument, a broj ponavljanja kao drugi:
konst niz = "lodaš"
konst newString = _.repeat (niz, 3);
konzola.log (noviNiz);
// Izlaz: lodashlodashlodash
.podrezivati
Ova metoda uklanja razmak na početku i na kraju. Također ga možete koristiti za uklanjanje bilo kojih specifičnih znakova na početku i kraju niza.
Na primjer:
// Uklanjanje razmaka na početku i na kraju
konst niz = "bar"
konst noviString = _.trim (niz)
konzola.log (noviNiz);
// Izlaz: bar
// Uklanjanje navedenih znakova
konst niz = ",bar,"
konst noviNiz = _.trim (niz, ",")
konzola.log (noviNiz);
// Izlaz: bar
Manipulacija objektima u Lodashu
Ispod su neki primjeri manipulacije nizovima koje možete izvesti s lodashom:
.sjediniti
The _.sjediniti() metoda stvara novi objekt kombiniranjem svojstava ulaznih objekata. Vrijednost svojstva iz kasnijeg objekta zamijenit će vrijednost iz ranijeg objekta ako je svojstvo prisutno u više od jednog objekta.
Na primjer:
konst knjige = {
'Matematika': 4,
'Znanost': 7
};
konst bilješke = {
'Znanost': 3,
'Kemija': 5
};_.sjediniti(knjige, bilješke);
konzola.log (knjige);
// Izlaz:
// { Matematika: 4, Znanost: 3, Kemija: 5 }
U ovom primjeru, metoda dodaje svojstvo 'Chemistry' iz drugog objekta i prepisuje vrijednost svojstva 'Science' prvog objekta.
.ima
Ova metoda vraća true ako zadani niz svojstava postoji u objektu i false u suprotnom.
Na primjer:
konst knjige = {
'Matematika': 4,
'Znanost': 7
};
konzola.log (_.ima (knjige, "Matematika"));
// Izlaz: istina
.izostaviti
Ova metoda vraća novi objekt uklanjanjem navedenih svojstava iz danog.
Na primjer:
var knjige = {
'Matematika': 4,
'Znanost': 3,
'Kemija': 5
};
konzola.log (_.izostavi (knjige, "Znanost"));
// Izlaz: { Matematika: 4, Kemija: 5 }
Funkcijska kompozicija u lodašu
Kompozicija funkcije je tehnika koju možete koristiti u funkcionalni programski jezik. Uključuje kombiniranje dviju ili više funkcija u novu funkciju pozivanjem svake funkcije određenim redoslijedom. Ova vam značajka omogućuje stvaranje složenije logike iz jednostavnijih funkcija.
Za primjenu ove tehnike, lodash dolazi s _.teći i _.flowRight funkcije. The _.teći() funkcija prihvaća popis funkcija kao argumenata i daje novu funkciju koja primjenjuje funkcije istim redoslijedom kojim ih prosljeđujete. The _.flowRight() funkcija radi isto, ali poziva funkcije obrnutim redom.
Na primjer:
funkcijadodatiPet(broj) {
povratak broj + 5
}funkcijaputaDva(broj) {
povratak broj * 2
}konst addFiveAndTimesTwo = _.flow([addFive, timesTwo]);
konst addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);
konzola.log (addFiveAndTimesTwo(3));
// Izlaz: 16
konzola.log (addFiveAndTimesTwoReverse(3));
// Izlaz: 11
Gornji kod definira funkcije dodatiPet i putaDva. Funkcija addFive vraća rezultat dodavanja 5 zadanom broju. Funkcija timesTwo množi ulazni broj s 2 i vraća rezultat.
Kod zatim koristi _.teći() funkcija za kombiniranje druge dvije i stvaranje nove funkcije, dodajPetIPutaDva. Ova nova funkcija prvo će izvesti operaciju addFive na svom argumentu prije izvođenja operacije timesTwo na konačnom rezultatu.
The _.flowRight() funkcija proizvodi novu funkciju koja radi isto što i protok, ali obrnuto.
Konačno, ovaj kod poziva dvije nove funkcije, prolaz 3, kao argument, i zapisuje rezultate u konzolu.
Prednosti rada s Lodashom
Možete koristiti lodash da pojednostavite svoj kod i učinite svoje projekte fleksibilnijima i lakšima za održavanje. Njegov širok raspon uslužnih funkcija, široka primjena i redovita ažuriranja pomoći će vam da napišete elegantan, učinkovit kod. Možete koristiti lodash kako biste jamčili da je vaš kod uvijek aktualan i kompatibilan sa suvremenim preglednicima.