Čitatelji poput vas podržavaju MUO. Kada kupite putem poveznica na našoj stranici, možemo zaraditi partnersku proviziju. Čitaj više.

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.

instagram viewer

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, h

konst 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: istina

konzola.log (_.startsWith (niz, "o"));
// Izlaz: netočno

konzola.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.