Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju. Lasīt vairāk.

Lodash ir JavaScript bibliotēka, kas piedāvā utilīta funkcijas tipiskiem programmēšanas uzdevumiem, izmantojot funkcionālo programmēšanas modeli.

Bibliotēka, kas darbojas ar tīmekļa pārlūkprogrammām un Node.js, var modificēt un konvertēt datus, veikt asinhronas darbības un daudz ko citu.

Uzziniet, kā izmantot lodash, lai manipulētu ar masīviem, virknēm un objektiem, un uzziniet par tās uzlabotajām funkcijām, piemēram, funkciju sastāvu.

Darba sākšana ar Lodash

Varat savai lietotnei pievienot lodash vienā no diviem veidiem: izmantojot satura piegādes tīklu (CDN) vai instalējot to, izmantojot npm vai dziju.

Lai izmantotu lodash tieši pārlūkprogrammā, kopējiet tālāk esošo lodash CDN saiti un ievietojiet to sava HTML faila galvas sadaļā:

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

Izmantojot šo pieeju, varat palaist skriptus, izmantojot lodash HTML pamattekstā.

instagram viewer

Lai izmantotu lodash projektā Node.js, tas jāinstalē sava projekta direktorijā. Lai to izdarītu, varat izmantot npm vai dziju:

npm install --save lodash
# vai
dzija pievieno lodash

Tagad varat izmantot lodash, pieprasot to savā JavaScript failā:

// Nepieciešama lodash bibliotēka
konst _ = pieprasīt("lodash");
// Izmantojot _.sum metodi
konst cipari = [10, 20, 30, 40, 50];
konst summa = _.summa (skaitļi);
konsole.log (summa);

Lai palaistu JavaScript failu, ievadiet komandu node:

mezgls [Jūsu skripta nosaukums]

Masīva manipulācijas Lodašā

Lodash ir aprīkots ar metožu kopumu masīva manipulācijām, kas nodrošina funkcionalitāti, kas pārsniedz JavaScript iebūvēto masīvu klasi.

.gabals

Šī metode sadala masīvu mazāku noteikta izmēra masīvu grupās. Pēdējais gabals var būt mazāks par jūsu pieprasīto izmēru.

Šeit ir piemērs:

konst masīvs = [ "a", "b", 'c', 'd', "e", "f", "g" ];
konst newArray = _.chunk (masīvs, 2)
konsole.log (newArray)
// Izvade:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Šī metode ģenerē jaunu masīvu, savienojot vērtības esošā masīva beigās.

Piemēram:

konstmasīvs = [ 1, 2, "a" ];
konst newArray = _.concat(masīvs, 5, "b", [ 8 ], [ [ 9 ] ]);
konsole.log (newArray);
// Izvade:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.pievienoties

Šī metode atgriež virkni, apvienojot masīva elementus. Tas tos savieno, izmantojot norobežotāju, ko jūs nododat kā parametru, izsaucot metodi. Tā izmantotais noklusējuma norobežotājs ir komats:

konstmasīvs = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(masīvs);
konsole.log (newArray);
// Izvade:
// l, o, d, a, s, h


konst newArray = _.join(masīvs, "-");
konsole.log (newArray);
// Izvade:
// l-o-d-a-s-h

Stīgu manipulācijas Lodash

Ar tukšu JavaScript, virknes formatēšana ir vienkāršs process. Bet lodash to padara vēl vienkāršāku.

Dažas no visizplatītākajām virkņu manipulācijas darbībām, ko varat veikt, izmantojot lodash, ir šādas:

.sākasAr un .beidzasAr

Šīs divas metodes pārbauda, ​​vai virkne attiecīgi sākas vai beidzas ar apakšvirkni. Abas metodes atgriež Būla vērtību patiesa vai nepatiesa.

Piemēram:

konst virkne = "lodash";
konsole.log (_.startsWith (string, "l"));
// Rezultāts: patiess


konsole.log (_.startsWith (string, "o"));
// Izvade: false


konsole.log (_.endsWith (string, "m"));
// Izvade: false
konsole.log (_.endsWith (string, "h"));
// Rezultāts: patiess

.atkārtot

Šī metode virkni atkārtoti izdrukā noteiktu skaitu reižu. Tas izmanto virkni kā savu pirmo argumentu un atkārtojumu skaitu kā otro:

konst virkne = "lodash"
konst newString = _.repeat (virkne, 3);
konsole.log (newString);
// Izvade: lodashlodashlodash

.apgriezt

Šī metode noņem sākuma un beigu atstarpes. Varat arī to izmantot, lai noņemtu noteiktas rakstzīmes virknes sākumā un beigās.

Piemēram:

// Notiek sākuma un beigu atstarpes noņemšana
konst virkne = " bārs "
konst newString = _.trim (virkne)
konsole.log (newString);
// Izvade: josla
// Noteikto rakstzīmju noņemšana
konst virkne = ",bārs,"
konst newString = _.trim (virkne, ",")
konsole.log (newString);
// Izvade: josla

Objektu manipulācijas Lodašā

Tālāk ir sniegti daži virkņu manipulāciju piemēri, ko varat veikt, izmantojot lodash:

.apvienot

The _.merge() metode izveido jaunu objektu, apvienojot ievades objektu īpašības. Rekvizīta vērtība no vēlākā objekta aizstās vērtību no iepriekšējā objekta, ja rekvizīts atrodas vairākos objektos.

Piemēram:

konst grāmatas = {
"matemātika": 4, 
"Zinātne": 7
};

konst piezīmes = {
"Zinātne": 3, 
'ķīmija': 5
};
_.apvienot(grāmatas, piezīmes);
konsole.log (grāmatas);
// Izvade:
// { Matemātika: 4, dabaszinātnes: 3, ķīmija: 5 }

Šajā piemērā metode pievieno rekvizītu “Ķīmija” no otrā objekta un pārraksta pirmā objekta rekvizīta “Zinātne” vērtību.

.ir

Šī metode atgriež patieso vērtību, ja objektā pastāv noteikta rekvizītu sērija, bet pretējā gadījumā atgriež vērtību false.

Piemēram:

konst grāmatas = {
"matemātika": 4, 
"Zinātne": 7
};
konsole.log (_.has (grāmatas, "matemātika"));
// Rezultāts: patiess

.izlaist

Šī metode atgriež jaunu objektu, noņemot norādītos rekvizītus no dotā.

Piemēram:

var grāmatas = {
"matemātika": 4, 
"Zinātne": 3, 
'ķīmija': 5
};

konsole.log (_.omit (grāmatas, "Zinātne"));
// Izvade: { matemātika: 4, ķīmija: 5 }

Funkciju sastāvs Lodash

Funkciju kompozīcija ir tehnika, kuru varat izmantot funkcionāla programmēšanas valoda. Tas ietver divu vai vairāku funkciju apvienošanu jaunā funkcijā, izsaucot katru funkciju noteiktā secībā. Šī funkcija ļauj izveidot sarežģītāku loģiku no vienkāršākām funkcijām.

Lai izmantotu šo paņēmienu, lodash ir komplektā ar _.plūsma un _.flowRight funkcijas. The _.flow() funkcija pieņem funkciju sarakstu kā argumentus un izvada jaunu funkciju, kas lieto funkcijas tādā pašā secībā, kādā tās nododat. The _.flowRight() funkcija dara to pašu, bet tā izsauc funkcijas apgrieztā veidā.

Piemēram:

funkcijupievienot Pieci(numuru) {
atgriezties numurs + 5
}
funkcijureizesDivi(numuru) {
atgriezties numurs* 2
}


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


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


konsole.log (addFiveAndTimesTwo(3));
// Rezultāts: 16
konsole.log (addFiveAndTimesTwoReverse(3));
// Rezultāts: 11

Iepriekš minētais kods nosaka funkcijas pievienot Pieci un reizesDivi. Funkcija addFive atgriež rezultātu, pievienojot 5 noteiktam skaitlim. Funkcija timesTwo reizina ievadīto skaitli ar 2 un atgriež rezultātu.

Pēc tam kods izmanto _.flow() funkcija apvienot abas citas un radīt jaunu funkciju, addFiveAndTimesTwo. Šī jaunā funkcija vispirms veiks darbību addFive savam argumentam, pēc tam veiks darbību timesTwo gala rezultātam.

The _.flowRight() funkcija rada jaunu funkciju, kas darbojas tāpat kā plūsma, bet apgrieztā veidā.

Visbeidzot, šis kods izsauc divas jaunās funkcijas, iet 3, kā argumentu, un reģistrē rezultātus konsolē.

Priekšrocības, strādājot ar Lodash

Varat izmantot lodash, lai vienkāršotu kodu un padarītu projektus elastīgākus un apkopējamākus. Tā plašais utilītu funkciju klāsts, plaši izplatītā ieviešana un regulārie atjauninājumi palīdzēs jums uzrakstīt elegantu, efektīvu kodu. Varat izmantot lodash, lai garantētu, ka jūsu kods vienmēr ir aktuāls un saderīgs ar mūsdienu pārlūkprogrammām.