Bralci, kot ste vi, pomagajo podpirati MUO. Ko opravite nakup prek povezav na našem spletnem mestu, lahko zaslužimo partnersko provizijo. Preberi več.

Lodash je knjižnica JavaScript, ki ponuja pomožne funkcije za tipična programska opravila z uporabo funkcionalnega programskega modela.

Knjižnica, ki deluje s spletnimi brskalniki in Node.js, lahko spreminja in pretvarja podatke, izvaja asinhrone operacije in drugo.

Naučite se uporabljati lodash za manipulacijo nizov, nizov in predmetov ter spoznajte njegove napredne funkcije, kot je sestavljanje funkcij.

Kako začeti uporabljati Lodash

Lodash lahko svoji aplikaciji dodate na enega od dveh načinov: z uporabo omrežja za dostavo vsebine (CDN) ali z namestitvijo z uporabo npm ali yarn.

Če želite uporabljati lodash neposredno v brskalniku, kopirajte spodnjo povezavo lodash CDN in jo vstavite v razdelek glave vaše datoteke HTML:

<scenarijsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">scenarij>

S tem pristopom lahko izvajate skripte z uporabo lodash v telesu vašega HTML-ja.

instagram viewer

Če želite uporabljati lodash v projektu Node.js, ga morate namestiti v imenik vašega projekta. Za to lahko uporabite npm ali prejo:

npm install --save lodash
# oz
preje dodajte lodaš

Zdaj lahko uporabite lodash, tako da ga zahtevate v datoteki JavaScript:

// Zahtevam knjižnico lodash
konst _ = zahtevati("lodaš");
// Z uporabo metode _.sum
konst številke = [10, 20, 30, 40, 50];
konst vsota = _.vsota (številke);
konzola.log (vsota);

Če želite zagnati datoteko JavaScript, vnesite ukaz vozlišča:

vozlišče [Ime vašega skripta]

Manipulacija nizov v Lodashu

Lodash ima nabor metod za manipulacijo z nizi, ki zagotavljajo funkcionalnost, ki presega vgrajeni razred Array JavaScript.

.kos

Ta metoda razdeli matriko v skupine manjših matrik dane velikosti. Končni kos je lahko manjši od velikosti, ki jo zahtevate.

Tukaj je primer:

konst niz = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
konst newArray = _.chunk (matrika, 2)
konzola.log (nova matrika)
// Izhod:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Ta metoda ustvari novo matriko z združevanjem vrednosti na konec obstoječe matrike.

Na primer:

konstniz = [ 1, 2, 'a' ];
konst nova matrika = _.concat(niz, 5, 'b', [ 8 ], [ [ 9 ] ]);
konzola.log (nova matrika);
// Izhod:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.pridruži se

Ta metoda vrne niz s kombiniranjem elementov matrike. Združi jih z ločilom, ki ga posredujete kot parameter pri klicu metode. Privzeto ločilo, ki ga uporablja, je vejica:

konstniz = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(niz);
konzola.log (nova matrika);
// Izhod:
// l, o, d, a, s, h


konst newArray = _.join(niz, "-");
konzola.log (nova matrika);
// Izhod:
// l-o-d-a-s-h

Manipulacija z nizi v Lodashu

Z golim JavaScriptom, oblikovanje nizov je preprost postopek. Toda lodash to še olajša.

Nekaj ​​najpogostejših operacij manipulacije nizov, ki jih lahko izvajate z lodash, vključuje:

.startsWith in .endsWith

Ti dve metodi preverita, ali se niz začne ali konča s podnizom. Obe metodi vrneta logično vrednost true ali false.

Na primer:

konst niz = "lodaš";
konzola.log (_.startsWith (niz, "l"));
// Izhod: res


konzola.log (_.startsWith (niz, "o"));
// Izhod: false


konzola.log (_.endsWith (niz, "m"));
// Izhod: false
konzola.log (_.endsWith (niz, "h"));
// Izhod: res

.ponovi

Ta metoda večkrat natisne niz določeno število krat. Kot prvi argument vzame niz, kot drugega pa število ponovitev:

konst niz = "lodaš"
konst newString = _.repeat (niz, 3);
konzola.log (novString);
// Izhod: lodashlodashlodash

.trim

Ta metoda odstrani začetni in končni presledek. Uporabite ga lahko tudi za odstranitev določenih znakov na začetku in koncu niza.

Na primer:

// Odstranjevanje začetnih in končnih presledkov
konst niz = " bar "
konst newString = _.trim (niz)
konzola.log (novString);
// Izhod: bar
// Odstranjevanje določenih znakov
konst niz = ",bar,"
konst newString = _.trim (niz, ",")
konzola.log (novString);
// Izhod: bar

Manipulacija predmetov v Lodashu

Spodaj je nekaj primerov manipulacije nizov, ki jih lahko izvedete z lodash:

.združiti

The _.merge() metoda ustvari nov predmet s kombiniranjem lastnosti vhodnih objektov. Vrednost lastnosti iz kasnejšega objekta bo nadomestila vrednost iz prejšnjega objekta, če je lastnost prisotna v več kot enem objektu.

Na primer:

konst knjige = {
'matematika': 4, 
'znanost': 7
};

konst opombe = {
'znanost': 3, 
'Kemija': 5
};
_.združiti(knjige, opombe);
konzola.log (knjige);
// Izhod:
// { Matematika: 4, Naravoslovje: 3, Kemija: 5 }

V tem primeru metoda doda lastnost 'Chemistry' iz drugega predmeta in prepiše vrednost lastnosti 'Science' prvega predmeta.

.ima

Ta metoda vrne true, če v objektu obstaja določen niz lastnosti, v nasprotnem primeru pa vrne false.

Na primer:

konst knjige = {
'matematika': 4, 
'znanost': 7
};
konzola.log (_.ima (knjige, "matematika"));
// Izhod: res

.izpustiti

Ta metoda vrne nov objekt tako, da odstrani določene lastnosti iz danega.

Na primer:

var knjige = {
'matematika': 4, 
'znanost': 3, 
'Kemija': 5
};

konzola.log (_.izpusti (knjige, "znanost"));
// Izhod: { Matematika: 4, Kemija: 5 }

Funkcijska sestava v lodašu

Funkcijska kompozicija je tehnika, ki jo lahko uporabite funkcionalen programski jezik. Vključuje združevanje dveh ali več funkcij v novo funkcijo s klicem vsake funkcije v določenem vrstnem redu. Ta funkcija vam omogoča ustvarjanje bolj zapletene logike iz preprostejših funkcij.

Za uporabo te tehnike je lodash opremljen z _.tok in _.flowRight funkcije. The _.flow() funkcija sprejme seznam funkcij kot argumente in izda novo funkcijo, ki uporablja funkcije v enakem vrstnem redu, kot ste jih posredovali. The _.flowRight() funkcija naredi isto, vendar kliče funkcije obratno.

Na primer:

funkcijoaddFive(število) {
vrnitev številka + 5
}
funkcijotimesTwo(število) {
vrnitev številka * 2
}


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


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


konzola.log (addFiveAndTimesTwo(3));
// Izhod: 16
konzola.log (addFiveAndTimesTwoReverse(3));
// Izhod: 11

Zgornja koda definira funkcije addFive in timesTwo. Funkcija addFive vrne rezultat dodajanja 5 danemu številu. Funkcija timesTwo pomnoži vneseno število z 2 in vrne rezultat.

Koda nato uporabi _.flow() funkcijo za združevanje obeh drugih in izdelavo nove funkcije, addFiveAndTimesTwo. Ta nova funkcija bo najprej izvedla operacijo addFive na svojem argumentu, preden bo izvedla operacijo timesTwo na končnem rezultatu.

The _.flowRight() ustvari novo funkcijo, ki deluje enako kot tok, vendar obratno.

Končno ta koda kliče dve novi funkciji, mimo 3, kot argument, in zabeleži rezultate v konzolo.

Prednosti dela z Lodashom

Z lodashom lahko poenostavite kodo in naredite svoje projekte bolj prilagodljive in vzdržljive. Njegov širok nabor uporabnih funkcij, široko sprejetje in redne posodobitve vam bodo pomagali napisati elegantno in učinkovito kodo. Uporabite lahko lodash, da zagotovite, da je vaša koda vedno aktualna in združljiva s sodobnimi brskalniki.