Tokie skaitytojai kaip jūs padeda palaikyti MUO. Kai perkate naudodami nuorodas mūsų svetainėje, galime uždirbti filialų komisinius. Skaityti daugiau.

„Lodash“ yra „JavaScript“ biblioteka, siūlanti naudingų funkcijų tipinėms programavimo užduotims, naudojant funkcinio programavimo modelį.

Biblioteka, kuri veikia su interneto naršyklėmis ir Node.js, gali keisti ir konvertuoti duomenis, atlikti asinchronines operacijas ir kt.

Sužinokite, kaip naudoti „lodash“, kad galėtumėte valdyti masyvus, eilutes ir objektus, ir sužinokite apie išplėstines jo funkcijas, pvz., funkcijų sudėtį.

Darbo su Lodash pradžia

Galite pridėti „lodash“ prie programos vienu iš dviejų būdų: naudodami turinio pristatymo tinklą (CDN) arba įdiegdami jį naudodami npm arba verpalą.

Jei norite naudoti „lodash“ tiesiogiai naršyklėje, nukopijuokite toliau pateiktą „lodash“ CDN nuorodą ir įterpkite ją į savo HTML failo antraštę:

<scenarijussrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">scenarijus>
instagram viewer

Naudodami šį metodą galite paleisti scenarijus naudodami lodash savo HTML turinyje.

Norėdami naudoti lodash Node.js projekte, turite jį įdiegti savo projekto kataloge. Norėdami tai padaryti, galite naudoti npm arba verpalus:

npm įdiegti – išsaugoti lodash
# arba
verpalai pridėti lodash

Dabar galite naudoti lodash, reikalaudami jo „JavaScript“ faile:

// Reikalinga lodash biblioteka
konst _ = reikalauti("lodašas");
// Naudojant _.sum metodą
konst skaičiai = [10, 20, 30, 40, 50];
konst suma = _.suma (skaičiai);
konsolė.log (suma);

Norėdami paleisti „JavaScript“ failą, įveskite komandą node:

mazgas [Jūsų scenarijaus pavadinimas]

Masyvo manipuliavimas Lodaše

„Lodash“ pateikiamas su masyvo manipuliavimo metodų rinkiniu, kuris suteikia daugiau funkcijų nei „JavaScript“ integruota „Array“ klasė.

.gabalas

Šis metodas padalija masyvą į mažesnių tam tikro dydžio masyvų grupes. Galutinis gabalas gali būti mažesnis nei jūsų prašomas dydis.

Štai pavyzdys:

konst masyvas = [ 'a', "b", 'c', 'd', 'e', "f", "g" ];
konst newArray = _.chunk (masyvas, 2)
konsolė.log (newArray)
// Išvestis:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Šis metodas sugeneruoja naują masyvą, sujungdamas reikšmes į esamo masyvo pabaigą.

Pavyzdžiui:

konstmasyvas = [ 1, 2, 'a' ];
konst newArray = _.concat(masyvas, 5, "b", [ 8 ], [ [ 9 ] ]);
konsolė.log (newArray);
// Išvestis:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.prisijungti

Šis metodas grąžina eilutę, sujungdamas masyvo elementus. Jis sujungiamas naudojant skirtuką, kurį perduodate kaip parametrą, kai iškviečiate metodą. Naudojamas numatytasis skyriklis yra kablelis:

konstmasyvas = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(masyvas);
konsolė.log (newArray);
// Išvestis:
// l, o, d, a, s, h


konst newArray = _.join(masyvas, "-");
konsolė.log (newArray);
// Išvestis:
// l-o-d-a-s-h

Stygų manipuliavimas Lodash

Su „JavaScript“, eilučių formatavimas yra paprastas procesas. Tačiau lodash tai dar labiau palengvina.

Kai kurios dažniausiai naudojamos eilutės manipuliavimo operacijos, kurias galite atlikti naudodami lodash, yra šios:

.startsWith ir .endsWith

Šie du metodai patikrina, ar eilutė prasideda arba baigiasi atitinkamai poeile. Abu metodai grąžina loginę reikšmę true arba false.

Pavyzdžiui:

konst eilutė = "lodašas";
konsolė.log (_.startsWith (string, "l"));
// Išvestis: tiesa


konsolė.log (_.startsWith (string, "o"));
// Išvestis: klaidinga


konsolė.log (_.endsWith (eilutė, "m"));
// Išvestis: klaidinga
konsolė.log (_.endsWith (eilutė, "h"));
// Išvestis: tiesa

.pakartokite

Šis metodas pakartotinai spausdina eilutę tam tikrą skaičių kartų. Pirmuoju argumentu naudojama eilutė, o antruoju – pasikartojimų skaičius:

konst eilutė = "lodašas"
konst newString = _.pakartoti (eilutė, 3);
konsolė.log (naujaEilutė);
// Išvestis: lodashlodashlodash

.apkarpyti

Šis metodas pašalina tarpą priekyje ir gale. Taip pat galite jį naudoti norėdami pašalinti bet kokius konkrečius simbolius eilutės pradžioje ir pabaigoje.

Pavyzdžiui:

// Pašalinamas tarpas priekyje ir gale
konst eilutė = "baras"
konst newString = _.trim (eilutė)
konsolė.log (naujaEilutė);
// Išvestis: baras
// Pašalinami nurodyti simboliai
konst eilutė = ", baras"
konst newString = _.trim (eilutė, ",")
konsolė.log (naujaEilutė);
// Išvestis: baras

Objekto manipuliavimas Lodaše

Toliau pateikiami keli manipuliavimo eilutėmis, kurias galite atlikti naudodami lodash, pavyzdžiai:

.sujungti

The _.merge() metodas sukuria naują objektą, derindamas įvesties objektų savybes. Vėlesnio objekto nuosavybės vertė pakeis ankstesnio objekto vertę, jei ypatybė yra daugiau nei viename objekte.

Pavyzdžiui:

konst knygos = {
"matematika": 4, 
"mokslas": 7
};

konst pastabos = {
"mokslas": 3, 
"chemija": 5
};
_.sujungti(knygos, Pastabos);
konsolė.log (knygos);
// Išvestis:
// { Matematika: 4, gamtos mokslai: 3, chemija: 5 }

Šiame pavyzdyje metodas prideda ypatybę „Chemija“ iš antrojo objekto ir perrašo pirmojo objekto „Mokslo“ ypatybės vertę.

.turi

Šis metodas grąžina „true“, jei objekte egzistuoja tam tikra savybių serija, o kitu atveju – „false“.

Pavyzdžiui:

konst knygos = {
"matematika": 4, 
"mokslas": 7
};
konsolė.log (_.has (books, "Matematika"));
// Išvestis: tiesa

.praleisti

Šis metodas grąžina naują objektą pašalindamas nurodytas savybes iš nurodyto.

Pavyzdžiui:

var knygos = {
"matematika": 4, 
"mokslas": 3, 
"chemija": 5
};

konsolė.log (_.omt (books, "Mokslas"));
// Išvestis: { Matematika: 4, chemija: 5 }

Funkcijų sudėtis Lodash

Funkcinė kompozicija yra technika, kurią galite naudoti funkcinė programavimo kalba. Tai apima dviejų ar daugiau funkcijų sujungimą į naują funkciją, iškviečiant kiekvieną funkciją tam tikra tvarka. Ši funkcija leidžia sukurti sudėtingesnę logiką iš paprastesnių funkcijų.

Norėdami pritaikyti šią techniką, „lodash“ yra kartu su _. srautas ir _.flowRight funkcijas. The _.flow() funkcija priima funkcijų sąrašą kaip argumentus ir išveda naują funkciją, kuri taiko funkcijas ta pačia tvarka, kokia jas perduodate. The _.flowRight() funkcija atlieka tą patį, bet iškviečia funkcijas atvirkščiai.

Pavyzdžiui:

funkcijapridėti penkis(numerį) {
grąžinti skaičius + 5
}
funkcijakartus Du(numerį) {
grąžinti numeris * 2
}


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


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


konsolė.log (addFiveAndTimesTwo(3));
// Išvestis: 16
konsolė.log (addFiveAndTimesTwoReverse(3));
// Išvestis: 11

Aukščiau pateiktas kodas apibrėžia funkcijas pridėti penkis ir kartus Du. Funkcija addFive grąžina 5 pridėjimo prie nurodyto skaičiaus rezultatą. Funkcija timesTwo padaugina įvestą skaičių iš 2 ir grąžina rezultatą.

Tada kodas naudoja _.flow() funkcija sujungti dvi kitas ir sukurti naują funkciją, addFiveAndTimesTwo. Ši nauja funkcija pirmiausia atliks addFive operaciją su savo argumentu prieš atlikdama operaciją timesTwo galutiniam rezultatui.

The _.flowRight() funkcija sukuria naują funkciją, kuri atlieka tą patį kaip srautas, bet atvirkščiai.

Galiausiai šis kodas iškviečia dvi naujas funkcijas 3, kaip argumentą, ir įrašo rezultatus į konsolę.

Darbo su „Lodash“ pranašumai

Galite naudoti lodash, kad supaprastintumėte savo kodą ir padarytumėte projektus lankstesnius ir lengviau prižiūrimus. Platus naudingų funkcijų spektras, plačiai paplitęs pritaikymas ir reguliarūs atnaujinimai padės parašyti elegantišką, efektyvų kodą. Galite naudoti lodash, kad užtikrintumėte, jog jūsų kodas visada yra naujausias ir suderinamas su šiuolaikinėmis naršyklėmis.