Cititorii ca tine ajută la sprijinirea MUO. Când efectuați o achiziție folosind link-uri de pe site-ul nostru, este posibil să câștigăm un comision de afiliat. Citeşte mai mult.

Lodash este o bibliotecă JavaScript care oferă funcții utilitare pentru sarcini de programare tipice folosind modelul de programare funcțională.

Biblioteca, care funcționează cu browsere web și Node.js, poate modifica și converti date, poate efectua operații asincrone și multe altele.

Aflați cum să utilizați lodash pentru a manipula matrice, șiruri și obiecte și aflați despre caracteristicile sale avansate, cum ar fi compoziția funcției.

Noțiuni introductive cu Lodash

Puteți adăuga lodash la aplicația dvs. în unul din două moduri: folosind o rețea de livrare de conținut (CDN) sau instalându-l folosind npm sau yarn.

Pentru a utiliza lodash direct în browser, copiați linkul lodash CDN de mai jos și inserați-l în secțiunea de cap a fișierului HTML:

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

Folosind această abordare, puteți rula scripturi folosind lodash în corpul HTML.

Pentru a utiliza lodash într-un proiect Node.js, ar trebui să îl instalați în directorul proiectului. Puteți utiliza fie npm, fie fire pentru a face acest lucru:

npm install --save lodash
# sau
fire adăuga lodash

Acum puteți utiliza lodash solicitându-l în fișierul JavaScript:

// Necesită biblioteca lodash
const _ = cere("lodash");
// Folosind metoda _.sum
const numere = [10, 20, 30, 40, 50];
const sumă = _.sumă (numere);
consolă.log (suma);

Pentru a rula fișierul JavaScript, introduceți comanda node:

nod [Numele scriptului tău]

Manipularea matricei în Lodash

Lodash vine cu un set de metode pentru manipularea matricei care oferă funcționalitate dincolo de clasa încorporată Array a JavaScript.

.bucată mare

Această metodă împarte o matrice în grupuri de matrice mai mici de o dimensiune dată. Bucata finală poate fi mai mică decât dimensiunea pe care o solicitați.

Iată un exemplu:

const matrice = [ 'A', 'b', 'c', 'd', 'e', 'f', 'g' ];
const newArray = _.chunk (matrice, 2)
consolă.log (newArray)
// Ieșire:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Această metodă generează o nouă matrice prin concatenarea valorilor la sfârșitul unei matrice existente.

De exemplu:

constmatrice = [ 1, 2, 'A' ];
const newArray = _.concat(matrice, 5, 'b', [ 8 ], [ [ 9 ] ]);
consolă.log (newArray);
// Ieșire:
// [ 1, 2, „a”, 5, „b”, 8, [ 9 ] ]

.a te alatura

Această metodă returnează un șir prin combinarea elementelor unui tablou. Le unește folosind un delimitator pe care îl treceți ca parametru atunci când apelați metoda. Delimitatorul implicit pe care îl folosește este virgulă:

constmatrice = [ "l", "o", "d", "A", "s", "h" ];
const newArray = _.join(matrice);
consolă.log (newArray);
// Ieșire:
// l, o, d, a, s, h


const newArray = _.join(matrice, "-");
consolă.log (newArray);
// Ieșire:
// l-o-d-A-s-h

Manipularea șirurilor în Lodash

Cu JavaScript simplu, formatarea șirurilor este un proces simplu. Dar lodash face și mai ușor.

Unele dintre cele mai comune operațiuni de manipulare a șirurilor pe care le puteți efectua cu lodash includ:

.începe cu și .se termină cu

Aceste două metode verifică dacă un șir începe sau, respectiv, se termină cu un subșir. Ambele metode returnează o valoare booleană adevărată sau falsă.

De exemplu:

const șir = "lodash";
consolă.log (_.startsWith (șir, "l"));
// Ieșire: adevărat


consolă.log (_.startsWith (șir, "o"));
// Ieșire: fals


consolă.log (_.endsWith (șir, "m"));
// Ieșire: fals
consolă.log (_.endsWith (șir, "h"));
// Ieșire: adevărat

.repeta

Această metodă imprimă în mod repetat un șir de un anumit număr de ori. Acesta ia șirul ca prim argument și numărul de repetări ca al doilea:

const șir = "lodash"
const newString = _.repeat (șir, 3);
consolă.log (NewString);
// Ieșire: lodashlodashlodash

.tunde

Această metodă elimină spațiile albe de început și de final. De asemenea, îl puteți folosi pentru a elimina orice caractere specifice de la începutul și la sfârșitul unui șir.

De exemplu:

// Eliminarea spațiului alb de început și de final
const șir = " bar "
const newString = _.trim (șir)
consolă.log (NewString);
// Ieșire: bară
// Eliminarea caracterelor specificate
const șir = ",bar,"
const newString = _.trim (șir, ",")
consolă.log (NewString);
// Ieșire: bară

Manipularea obiectelor în Lodash

Mai jos sunt câteva exemple de manipulare a șirurilor pe care le puteți efectua cu lodash:

.combina

The _.combina() metoda creează un nou obiect prin combinarea proprietăților obiectelor de intrare. Valoarea unei proprietăți de la obiectul ulterior va înlocui valoarea de la obiectul anterior dacă proprietatea este prezentă în mai multe obiecte.

De exemplu:

const carti = {
'Matematică': 4, 
'Ştiinţă': 7
};

const note = {
'Ştiinţă': 3, 
'Chimie': 5
};
_.combina(cărți, note);
consolă.log (cărți);
// Ieșire:
// { Matematică: 4, Științe: 3, Chimie: 5 }

În acest exemplu, metoda adaugă proprietatea „Chimie” de la al doilea obiect și suprascrie valoarea proprietății „Știință” a primului obiect.

.are

Această metodă returnează true dacă o serie dată de proprietăți există într-un obiect și false în caz contrar.

De exemplu:

const carti = {
'Matematică': 4, 
'Ştiinţă': 7
};
consolă.log (_.are (cărți, "Matematică"));
// Ieșire: adevărat

.omite

Această metodă returnează un nou obiect prin eliminarea proprietăților specificate din cel dat.

De exemplu:

var carti = {
'Matematică': 4, 
'Ştiinţă': 3, 
'Chimie': 5
};

consolă.log (_.omit (cărți, "Ştiinţă"));
// Ieșire: { Matematică: 4, Chimie: 5 }

Compoziția funcției în Lodash

Compoziția de funcții este o tehnică pe care o poți folosi un limbaj de programare funcțional. Aceasta implică combinarea a două sau mai multe funcții într-o funcție nouă, apelând fiecare funcție într-o anumită ordine. Această caracteristică vă permite să creați o logică mai complexă din funcții mai simple.

Pentru a aplica această tehnică, lodash vine cu _.curgere și _.flowDreapta funcții. The _.curgere() funcția acceptă o listă de funcții ca argumente și emite o nouă funcție care aplică funcțiile în aceeași ordine în care le transmiteți. The _.flowRight() funcția face același lucru, dar apelează funcțiile invers.

De exemplu:

funcţieaddFive(număr) {
întoarcere numărul + 5
}
funcţieori Doi(număr) {
întoarcere număr * 2
}


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


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


consolă.log (addFiveAndTimesTwo(3));
// Ieșire: 16
consolă.log (addFiveAndTimesTwoReverse(3));
// Ieșire: 11

Codul de mai sus definește funcțiile addFive și ori Doi. Funcția addFive returnează rezultatul adunării a 5 la un număr dat. Funcția timesTwo înmulțește un număr de intrare cu 2 și returnează rezultatul.

Codul folosește apoi _.curgere() funcția pentru a combina celelalte două și a produce noua funcție, addFiveAndTimesTwo. Această nouă funcție va efectua mai întâi operația addFive pe argumentul său înainte de a efectua operația timesTwo pe rezultatul final.

The _.flowRight() funcția produce o nouă funcție care face la fel ca fluxul, dar invers.

În cele din urmă, acest cod apelează cele două funcții noi, trecând 3, ca argument și înregistrează rezultatele în consolă.

Beneficiile lucrului cu Lodash

Puteți folosi lodash pentru a vă simplifica codul și pentru a vă face proiectele mai flexibile și mai ușor de întreținut. Gama sa largă de funcții utilitare, adoptarea pe scară largă și actualizările regulate vă vor ajuta să scrieți cod elegant și eficient. Puteți folosi lodash pentru a vă garanta că codul este întotdeauna actual și compatibil cu browserele contemporane.