Lodash on JavaScripti teek, mis pakub utiliidifunktsioone tüüpiliste programmeerimisülesannete jaoks, kasutades funktsionaalset programmeerimismudelit.
Veebibrauserite ja Node.js-iga töötav teek saab muuta ja teisendada andmeid, teha asünkroonseid toiminguid ja palju muud.
Siit saate teada, kuidas kasutada lodashi massiivide, stringide ja objektide töötlemiseks ning tutvuda selle täiustatud funktsioonidega, nagu funktsioonide koostamine.
Lodashiga alustamine
Saate lisada oma rakendusele lodashi kahel viisil: kasutades sisu edastamise võrku (CDN) või installides selle npm-i või lõnga abil.
Lodashi kasutamiseks otse brauseris kopeerige allolev lodashi CDN-link ja sisestage see oma HTML-faili peaosasse:
<stsenaariumsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
type="text/javascript">stsenaarium>
Seda lähenemisviisi kasutades saate käivitada skripte, kasutades HTML-i kehas lodashi.
Lodashi kasutamiseks Node.js projektis peaksite selle oma projekti kataloogi installima. Selleks võite kasutada kas npm-i või lõnga:
npm install --save lodash
# või
lõng lisa lodash
Nüüd saate lodashi kasutada, nõudes seda oma JavaScripti failis:
// Lodashi raamatukogu nõue
konst _ = nõuda("lodash");
// Kasutades meetodit _.sum
konst numbrid = [10, 20, 30, 40, 50];
konst summa = _.summa (arvud);
konsool.log (summa);
JavaScripti faili käivitamiseks sisestage käsk node:
sõlm [teie skripti nimi]
Massiivide manipuleerimine Lodashis
Lodashiga on kaasas massiiviga manipuleerimise meetodite komplekt, mis pakuvad funktsioone väljaspool JavaScripti sisseehitatud Array klassi.
.tükk
See meetod jagab massiivi teatud suurusega väiksemate massiivide rühmadeks. Lõplik tükk võib olla väiksem kui soovitud suurus.
Siin on näide:
konst massiiv = [ 'a', "b", 'c', 'd', 'e', 'f', 'g' ];
konst newArray = _.chunk (massiivi, 2)
konsool.log (newArray)
// Väljund:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', 'f' ], [ 'g' ] ]
.concat
See meetod loob uue massiivi, ühendades väärtused olemasoleva massiivi lõppu.
Näiteks:
konstmassiivi = [ 1, 2, 'a' ];
konst newArray = _.concat(massiivi, 5, "b", [ 8 ], [ [ 9 ] ]);
konsool.log (uusArray);
// Väljund:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]
.liituma
See meetod tagastab stringi, kombineerides massiivi elemente. See ühendab need eraldusmärgi abil, mille annate meetodi kutsumisel parameetrina. Vaikimisi kasutatav eraldaja on koma:
konstmassiivi = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(massiivi);
konsool.log (uusArray);// Väljund:
// l, o, d, a, s, hkonst newArray = _.join(massiivi, "-");
konsool.log (uusArray);
// Väljund:
// l-o-d-a-s-h
Stringi manipuleerimine Lodashis
Palja JavaScriptiga, stringi vormindamine on lihtne protsess. Kuid lodash teeb selle veelgi lihtsamaks.
Mõned kõige levinumad stringiga manipuleerimise toimingud, mida saate lodashiga teha, on järgmised:
.startsWith ja .endsWith
Need kaks meetodit kontrollivad, kas string algab või lõpeb vastavalt alamstringiga. Mõlemad meetodid tagastavad tõeväärtuse tõene või väär.
Näiteks:
konst string = "lodash";konsool.log (_.startsWith (string, "l"));
// Väljund: tõsikonsool.log (_.startsWith (string, "o"));
// Väljund: falsekonsool.log (_.endsWith (string, "m"));
// Väljund: false
konsool.log (_.endsWith (string, "h"));
// Väljund: tõsi
.korda
See meetod prindib stringi korduvalt teatud arv kordi. Selle esimeseks argumendiks on string ja teiseks korduste arv:
konst string = "lodash"
konst newString = _.repeat (string, 3);
konsool.log (uusString);
// Väljund: lodashlodashlodash
.trimmi
See meetod eemaldab ees ja lõpus oleva tühimiku. Saate seda kasutada ka konkreetsete märkide eemaldamiseks stringi algusest ja lõpust.
Näiteks:
// Ees ja lõpus oleva tühiku eemaldamine
konst string = "baar"
konst newString = _.trim (string)
konsool.log (uusString);
// Väljund: riba
// Määratud märkide eemaldamine
konst string = ", baar,"
konst newString = _.trim (string, ",")
konsool.log (uusString);
// Väljund: riba
Objekti manipuleerimine Lodashis
Allpool on mõned näited stringidega manipuleerimisest, mida saate teha lodashiga:
.ühenda
The _.merge() meetod loob uue objekti, kombineerides sisendobjektide atribuute. Hilisemast objektist pärit atribuudi väärtus asendab varasema objekti väärtuse, kui atribuut esineb rohkem kui ühes objektis.
Näiteks:
konst raamatud = {
'Matemaatika': 4,
"Teadus": 7
};
konst märkmed = {
"Teadus": 3,
"keemia": 5
};_.ühenda(raamatuid, märkmeid);
konsool.log (raamatud);
// Väljund:
// { Matemaatika: 4, loodusteadused: 3, keemia: 5 }
Selles näites lisab meetod teise objekti atribuudi „Keemia” ja kirjutab üle esimese objekti atribuudi „Teadus” väärtuse.
.on
See meetod tagastab tõene, kui objektil on teatud atribuutide jada, ja vale muul juhul.
Näiteks:
konst raamatud = {
'Matemaatika': 4,
"Teadus": 7
};
konsool.log (_.has (raamatud, "Matemaatika"));
// Väljund: tõsi
.jäta vahele
See meetod tagastab uue objekti, eemaldades antud objektist määratud omadused.
Näiteks:
var raamatud = {
'Matemaatika': 4,
"Teadus": 3,
"keemia": 5
};
konsool.log (_.omit (raamatud, "Teadus"));
// Väljund: { matemaatika: 4, keemia: 5 }
Funktsioonide koosseis Lodashis
Funktsioonide koostamine on tehnika, mida saate kasutada funktsionaalne programmeerimiskeel. See hõlmab kahe või enama funktsiooni ühendamist uueks funktsiooniks, kutsudes iga funktsiooni kindlas järjekorras. See funktsioon võimaldab luua lihtsamate funktsioonide põhjal keerukamat loogikat.
Selle tehnika rakendamiseks on lodash kaasas _.vool ja _.flowRight funktsioonid. The _.flow() funktsioon aktsepteerib funktsioonide loendit argumentidena ja väljastab uue funktsiooni, mis rakendab funktsioone samas järjekorras, milles need edastate. The _.flowRight() funktsioon teeb sama, kuid kutsub funktsioone tagasi.
Näiteks:
funktsioonilisa Viis(number) {
tagasi number + 5
}funktsioonikordaKaks(number) {
tagasi number * 2
}konst addFiveAndTimesTwo = _.flow([addFive, timesTwo]);
konst addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);
konsool.log (addFiveAndTimesTwo(3));
// Väljund: 16
konsool.log (addFiveAndTimesTwoReverse(3));
// Väljund: 11
Ülaltoodud kood määratleb funktsioonid lisa Viis ja kordaKaks. Funktsioon addFive tagastab antud arvule 5 lisamise tulemuse. Funktsioon timesTwo korrutab sisendarvu 2-ga ja tagastab tulemuse.
Seejärel kasutab kood _.flow() funktsioon kahe teise ühendamiseks ja uue funktsiooni loomiseks, addFiveAndTimesTwo. See uus funktsioon teostab kõigepealt oma argumendiga toimingu addFive, enne kui sooritab lõpptulemusele toimingu timesTwo.
The _.flowRight() funktsioon loob uue funktsiooni, mis teeb sama, mis voog, kuid vastupidi.
Lõpuks kutsub see kood kahte uut funktsiooni möödaminnes 3, argumendina ja logib tulemused konsooli.
Lodashiga töötamise eelised
Koodi lihtsustamiseks ning projektide paindlikumaks ja hooldatavamaks muutmiseks saate kasutada lodashi. Selle lai valik utiliite, laialdane kasutuselevõtt ja regulaarsed värskendused aitavad teil kirjutada elegantset ja tõhusat koodi. Võite kasutada lodashi, et tagada, et teie kood on alati ajakohane ja ühildub tänapäevaste brauseritega.
