Az Önhöz hasonló olvasók támogatják a MUO-t. Amikor a webhelyünkön található linkek használatával vásárol, társult jutalékot kaphatunk. Olvass tovább.

A Lodash egy JavaScript-könyvtár, amely a funkcionális programozási modellt használó tipikus programozási feladatokhoz kínál segédfunkciókat.

A webböngészőkkel és a Node.js-szel működő könyvtár képes az adatok módosítására és konvertálására, aszinkron műveletek végrehajtására stb.

Ismerje meg, hogyan használhatja a lodash-t tömbök, karakterláncok és objektumok kezeléséhez, és ismerje meg a speciális funkciókat, például a függvényösszetételt.

A Lodash használatának első lépései

A lodash-t kétféleképpen adhatja hozzá az alkalmazáshoz: tartalomszolgáltatói hálózat (CDN) használatával, vagy npm vagy yarn használatával telepítheti.

A lodash közvetlenül a böngészőben való használatához másolja ki az alábbi lodash CDN hivatkozást, és illessze be a HTML-fájl fejrészébe:

<forgatókönyvsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">forgatókönyv>
instagram viewer

Ezzel a megközelítéssel futtathat szkripteket a lodash használatával a HTML törzsében.

A lodash Node.js projektben való használatához telepítenie kell azt a projektkönyvtárba. Ehhez használhatja az npm-et vagy a fonalat:

npm install --save lodash
# vagy
fonal add lodash

Most már használhatja a lodash-t, ha megköveteli a JavaScript-fájlban:

// A lodash könyvtár megkövetelése
const _ = igényelnek("lodash");
// A _.sum metódus használatával
const számok = [10, 20, 30, 40, 50];
const összeg = _.összeg (számok);
konzol.log (összeg);

A JavaScript-fájl futtatásához írja be a node parancsot:

csomópont [a szkript neve]

Tömbmanipuláció Lodashban

A Lodash egy sor metódussal rendelkezik a tömbkezeléshez, amelyek a JavaScript beépített Array osztályán túlmutató funkciókat is biztosítanak.

.darab

Ez a módszer egy tömböt adott méretű kisebb tömbök csoportjaira oszt fel. A végső darab kisebb lehet, mint a kért méret.

Íme egy példa:

const array = [ 'a', "b", 'c', 'd', "e", 'f', "g" ];
const newArray = _.chunk (tömb, 2)
konzol.log (newArray)
// Kimenet:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Ez a módszer új tömböt generál úgy, hogy az értékeket összefűzi egy meglévő tömb végére.

Például:

constsor = [ 1, 2, 'a' ];
const newArray = _.concat(sor, 5, "b", [ 8 ], [ [ 9 ] ]);
konzol.log (newArray);
// Kimenet:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.csatlakozik

Ez a módszer egy karakterláncot ad vissza egy tömb elemeinek kombinálásával. A metódus meghívásakor paraméterként átadott határolóval egyesíti őket. Az általa használt alapértelmezett határoló vessző:

constsor = [ "l", "o", "d", "a", "s", "h" ];
const newArray = _.join(sor);
konzol.log (newArray);
// Kimenet:
// l, o, d, a, s, h


const newArray = _.join(sor, "-");
konzol.log (newArray);
// Kimenet:
// l-o-d-a-s-h

String manipuláció Lodashban

puszta JavaScript használatával, A karakterlánc formázása egyszerű folyamat. De a lodash még könnyebbé teszi.

A lodash segítségével végrehajtható leggyakoribb karakterlánc-manipulációs műveletek közül néhány:

.startsWith és .endsWith

Ez a két módszer ellenőrzi, hogy egy karakterlánc egy részkarakterlánccal kezdődik vagy végződik-e. Mindkét módszer igaz vagy hamis logikai értéket ad vissza.

Például:

const karakterlánc = "lodash";
konzol.log (_.startsWith (karakterlánc, "l"));
// Kimenet: igaz


konzol.log (_.startsWith (karakterlánc, "o"));
// Kimenet: false


konzol.log (_.endsWith (karakterlánc, "m"));
// Kimenet: false
konzol.log (_.endsWith (karakterlánc, "h"));
// Kimenet: igaz

.ismétlés

Ez a módszer ismételten kinyomtat egy karakterláncot meghatározott számú alkalommal. Első argumentumának a karakterláncot veszi, másodiknak pedig az ismétlések számát:

const karakterlánc = "lodash"
const newString = _.repeat (karakterlánc, 3);
konzol.log (newString);
// Kimenet: lodashlodashlodash

.trim

Ez a módszer eltávolítja a kezdő és a záró szóközöket. Használhatja azt is, hogy eltávolítson minden karaktert a karakterlánc elejéről és végéről.

Például:

// Kezdő és záró szóköz eltávolítása
const karakterlánc = " rúd "
const newString = _.trim (karakterlánc)
konzol.log (newString);
// Kimenet: bar
// Meghatározott karakterek eltávolítása
const karakterlánc = ",rúd,"
const newString = _.trim (karakterlánc, ",")
konzol.log (newString);
// Kimenet: bar

Objektummanipuláció Lodashban

Az alábbiakban néhány példa látható a lodash segítségével végrehajtható karakterlánc-manipulációra:

.összeolvad

A _.összeolvad() metódus új objektumot hoz létre a bemeneti objektumok tulajdonságainak kombinálásával. A későbbi objektumból származó tulajdonság értéke felváltja a korábbi objektum értékét, ha a tulajdonság egynél több objektumban is megtalálható.

Például:

const könyvek = {
'Matematika': 4, 
'Tudomány': 7
};

const jegyzetek = {
'Tudomány': 3, 
'Kémia': 5
};
_.összeolvad(könyveket, jegyzetek);
konzol.log (könyvek);
// Kimenet:
// { Matematika: 4, Természettudományok: 3, Kémia: 5 }

Ebben a példában a metódus hozzáadja a „Chemistry” tulajdonságot a második objektumból, és felülírja az első objektum „Tudomány” tulajdonságának értékét.

.van

Ez a metódus igazat ad vissza, ha egy adott tulajdonságsorozat létezik egy objektumban, és hamis értéket ad vissza.

Például:

const könyvek = {
'Matematika': 4, 
'Tudomány': 7
};
konzol.log (_.has (books, "Matematika"));
// Kimenet: igaz

.kihagyja

Ez a metódus egy új objektumot ad vissza úgy, hogy eltávolítja az adott tulajdonságait.

Például:

var könyvek = {
'Matematika': 4, 
'Tudomány': 3, 
'Kémia': 5
};

konzol.log (_.omt (könyvek, "Tudomány"));
// Kimenet: { Matematika: 4, Kémia: 5 }

Funkció összetétele Lodashban

A funkciókompozíció egy olyan technika, amelyben használható funkcionális programozási nyelv. Ez magában foglalja két vagy több függvény új funkcióvá való kombinálását úgy, hogy mindegyik függvényt meghatározott sorrendben hívja meg. Ez a funkció lehetővé teszi, hogy egyszerűbb függvényekből összetettebb logikát hozzon létre.

A technika alkalmazásához a lodash a _.folyam és _.flowRight funkciókat. A _.folyam() függvény argumentumként fogadja el a függvények listáját, és egy új függvényt ad ki, amely a függvényeket abban a sorrendben alkalmazza, ahogyan átadta őket. A _.flowRight() függvény ugyanezt teszi, de fordítva hívja meg a függvényeket.

Például:

funkcióaddFive(szám) {
Visszatérés szám + 5
}
funkcióalkalommalKettő(szám) {
Visszatérés szám * 2
}


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


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


konzol.log (addFiveAndTimesTwo(3));
// Kimenet: 16
konzol.log (addFiveAndTimesTwoReverse(3));
// Kimenet: 11

A fenti kód határozza meg a funkciókat addFive és alkalommalKettő. Az addFive függvény egy adott számhoz 5 hozzáadásának eredményét adja vissza. A timesTwo függvény egy bemeneti számot megszoroz 2-vel, és visszaadja az eredményt.

A kód ezután a _.folyam() funkció a másik kettő kombinálására és az új funkció létrehozására, addFiveAndTimesTwo. Ez az új függvény először az addFive műveletet hajtja végre az argumentumán, mielőtt végrehajtaná a timeTwo műveletet a végeredményen.

A _.flowRight() A függvény egy új függvényt hoz létre, amely ugyanazt teszi, mint a flow, de fordítva.

Végül ez a kód a két új függvényt passing néven hívja meg 3, mint argumentum, és naplózza az eredményeket a konzolon.

A Lodash-val való munka előnyei

A lodash segítségével egyszerűsítheti a kódot, és rugalmasabbá és karbantarthatóbbá teheti projektjeit. Segédfunkcióinak széles skálája, széles körben elterjedt alkalmazása és rendszeres frissítései segítenek elegáns, hatékony kód írásában. A lodash segítségével garantálhatja, hogy kódja mindig aktuális és kompatibilis a kortárs böngészőkkel.