Kaltaisesi lukijat auttavat tukemaan MUO: ta. Kun teet ostoksen käyttämällä sivustollamme olevia linkkejä, voimme ansaita kumppanipalkkion. Lue lisää.

Lodash on JavaScript-kirjasto, joka tarjoaa aputoimintoja tyypillisiin ohjelmointitehtäviin käyttämällä toiminnallista ohjelmointimallia.

Kirjasto, joka toimii verkkoselaimien ja Node.js: n kanssa, voi muokata ja muuntaa tietoja, suorittaa asynkronisia toimintoja ja paljon muuta.

Opi käyttämään lodashia taulukoiden, merkkijonojen ja objektien käsittelemiseen ja tutustu sen edistyneisiin ominaisuuksiin, kuten funktioiden koostumukseen.

Lodashin käytön aloittaminen

Voit lisätä lodashin sovellukseesi kahdella tavalla: käyttämällä sisällönjakeluverkkoa (CDN) tai asentamalla sen npm: n tai langan avulla.

Jos haluat käyttää lodashia suoraan selaimessa, kopioi alla oleva lodash CDN -linkki ja lisää se HTML-tiedostosi head-osioon:

<käsikirjoitussrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">käsikirjoitus>

Tätä lähestymistapaa käyttämällä voit suorittaa skriptejä käyttämällä lodashia HTML-tekstitekstissä.

instagram viewer

Jos haluat käyttää lodashia Node.js-projektissa, sinun tulee asentaa se projektihakemistoosi. Voit käyttää joko npm: tä tai lankaa tähän:

npm install --save lodash
# tai
lanka lisää lodashia

Voit nyt käyttää lodashia vaatimalla sitä JavaScript-tiedostossasi:

// Vaatii lodash-kirjaston
konst _ = vaatia("lodash");
// _.sum-menetelmällä
konst numerot = [10, 20, 30, 40, 50];
konst summa = _.summa (luvut);
konsoli.log (summa);

Suorita JavaScript-tiedosto kirjoittamalla node-komento:

solmu [Skriptin nimi]

Array Manipulation Lodashissa

Lodashissa on joukko menetelmiä taulukoiden käsittelyyn, jotka tarjoavat toimintoja JavaScriptin sisäänrakennetun Array-luokan lisäksi.

.kimpale

Tämä menetelmä jakaa taulukon tietynkokoisten pienempien ryhmien ryhmiin. Lopullinen pala voi olla pienempi kuin pyytämäsi koko.

Tässä on esimerkki:

konst array = [ 'a', "b", 'c', 'd', 'e', 'f', 'g' ];
konst newArray = _.chunk (taulukko, 2)
konsoli.log (newArray)
// Lähtö:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Tämä menetelmä luo uuden taulukon ketjuttamalla arvot olemassa olevan taulukon loppuun.

Esimerkiksi:

konstjoukko = [ 1, 2, 'a' ];
konst newArray = _.concat(joukko, 5, "b", [ 8 ], [ [ 9 ] ]);
konsoli.log (newArray);
// Lähtö:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.liittyä seuraan

Tämä menetelmä palauttaa merkkijonon yhdistämällä taulukon elementtejä. Se yhdistää ne erottimella, jonka annat parametrina kutsuttaessa menetelmää. Sen käyttämä oletuserotin on pilkku:

konstjoukko = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(joukko);
konsoli.log (newArray);
// Lähtö:
// l, o, d, a, s, h


konst newArray = _.join(joukko, "-");
konsoli.log (newArray);
// Lähtö:
// l-o-d-a-s-h

String Manipulation Lodashissa

paljaalla JavaScriptillä, merkkijonojen muotoilu on yksinkertainen prosessi. Mutta lodash tekee siitä entistä helpompaa.

Joitakin yleisimpiä merkkijonojen käsittelytoimia, joita voit suorittaa lodashilla, ovat:

.startsWith ja .endsWith

Nämä kaksi menetelmää tarkistavat, alkaako merkkijono vai päättyykö merkkijono vastaavasti. Molemmat menetelmät palauttavat loogisen arvon tosi tai epätosi.

Esimerkiksi:

konst merkkijono = "lodash";
konsoli.log (_.startsWith (merkkijono, "l"));
// Tulos: tosi


konsoli.log (_.startsWith (merkkijono, "o"));
// Tulos: false


konsoli.log (_.endsWith (merkkijono, "m"));
// Tulos: false
konsoli.log (_.endsWith (merkkijono, "h"));
// Tulos: tosi

.toistaa

Tämä menetelmä tulostaa merkkijonon toistuvasti tietyn määrän kertoja. Se ottaa merkkijonon ensimmäiseksi argumentiksi ja toistojen lukumäärän toiseksi:

konst merkkijono = "lodash"
konst newString = _.repeat (merkkijono, 3);
konsoli.log (uusi merkkijono);
// Tulos: lodashlodashlodash

.trimmata

Tämä menetelmä poistaa edessä ja lopussa olevat välilyönnit. Voit myös käyttää sitä poistamaan tietyt merkit merkkijonon alusta ja lopusta.

Esimerkiksi:

// Alussa ja lopussa olevan välilyönnin poistaminen
konst merkkijono = "baari"
konst newString = _.trim (merkkijono)
konsoli.log (uusi merkkijono);
// Lähtö: bar
// Poistetaan määritettyjä merkkejä
konst merkkijono = ",baari,"
konst newString = _.trim (merkkijono, ",")
konsoli.log (uusi merkkijono);
// Lähtö: bar

Objektin manipulointi Lodashissa

Alla on esimerkkejä merkkijonojen käsittelystä, jonka voit suorittaa lodashilla:

.yhdistää

The _.yhdistää() menetelmä luo uuden objektin yhdistämällä syöteobjektien ominaisuuksia. Ominaisuuden arvo myöhemmästä objektista korvaa aikaisemman objektin arvon, jos ominaisuus on useammassa kuin yhdessä objektissa.

Esimerkiksi:

konst kirjat = {
'Matematiikka': 4, 
"Tiede": 7
};

konst muistiinpanot = {
"Tiede": 3, 
'Kemia': 5
};
_.yhdistää(kirjat, muistiinpanoja);
konsoli.log (kirjat);
// Lähtö:
// { Matematiikka: 4, luonnontieteet: 3, kemia: 5 }

Tässä esimerkissä menetelmä lisää "Chemistry"-ominaisuuden toisesta objektista ja korvaa ensimmäisen objektin "Science"-ominaisuuden arvon.

.on

Tämä menetelmä palauttaa tosi, jos objektissa on tietty sarja ominaisuuksia, ja epätosi muussa tapauksessa.

Esimerkiksi:

konst kirjat = {
'Matematiikka': 4, 
"Tiede": 7
};
konsoli.log (_.has (books, "Matematiikka"));
// Tulos: tosi

.jättää pois

Tämä menetelmä palauttaa uuden objektin poistamalla määritetyt ominaisuudet annetusta kohteesta.

Esimerkiksi:

var kirjat = {
'Matematiikka': 4, 
"Tiede": 3, 
'Kemia': 5
};

konsoli.log (_.omit (books, "Tiede"));
// Tulos: { Matematiikka: 4, kemia: 5 }

Toiminnon kokoonpano Lodashissa

Funktiokokoonpano on tekniikka, jota voit käyttää toimiva ohjelmointikieli. Se sisältää kahden tai useamman funktion yhdistämisen uudeksi funktioksi kutsumalla jokaista funktiota tietyssä järjestyksessä. Tämän ominaisuuden avulla voit luoda monimutkaisempaa logiikkaa yksinkertaisemmista funktioista.

Tämän tekniikan soveltamiseksi lodash tulee mukana _.virtaus ja _.flowRight toimintoja. The _.virtaus() funktio hyväksyy funktioluettelon argumenteiksi ja tulostaa uuden funktion, joka käyttää funktioita samassa järjestyksessä, jossa annat ne. The _.flowRight() funktio tekee saman, mutta se kutsuu funktioita käänteisesti.

Esimerkiksi:

toimintolisää viisi(määrä) {
palata numero + 5
}
toimintokertaaKaksi(määrä) {
palata numero * 2
}


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


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


konsoli.log (addFiveAndTimesTwo(3));
// Tulos: 16
konsoli.log (addFiveAndTimesTwoReverse(3));
// Tulos: 11

Yllä oleva koodi määrittelee toiminnot lisää viisi ja kertaaKaksi. AddFive-funktio palauttaa tuloksen, kun tiettyyn numeroon lisätään 5. TimeTwo-funktio kertoo syötetyn luvun kahdella ja palauttaa tuloksen.

Koodi käyttää sitten _.virtaus() toiminto yhdistää kaksi muuta ja tuottaa uuden toiminnon, addFiveAndTimesTwo. Tämä uusi funktio suorittaa ensin addFive-operaation argumentilleen ennen timesTwo-operaation suorittamista lopputulokselle.

The _.flowRight() toiminto tuottaa uuden funktion, joka tekee saman kuin virtaus, mutta päinvastoin.

Lopuksi tämä koodi kutsuu kahta uutta funktiota ohitukseksi 3, argumenttina ja kirjaa tulokset konsoliin.

Lodashin kanssa työskentelyn edut

Voit käyttää lodashia yksinkertaistaaksesi koodiasi ja tehdäksesi projekteistasi joustavampia ja ylläpidettävämpiä. Sen laaja valikoima aputoimintoja, laaja käyttöönotto ja säännölliset päivitykset auttavat sinua kirjoittamaan tyylikästä ja tehokasta koodia. Voit käyttää lodashia varmistaaksesi, että koodisi on aina ajan tasalla ja yhteensopiva nykyaikaisten selainten kanssa.