Það er ekki aðeins nauðsynlegt að þróunaraðili ljúki verkefnum heldur er einnig nauðsynlegt að gera verkefni á skilvirkari hátt. Það eru nokkur bókasöfn í boði í JavaScript í dag sem auðvelda þróunaraðilum að vinna með breytur. Við munum læra hvernig á að nota algengustu aðgerðir Lodash bókasafnsins í þessari kennslu.
Ef þú hefur ekki prófað Lodash ennþá, þá er þetta augnablikið. Lodash er nútímalegur JavaScript gagnapakka sem auðveldar vinnu með fylki, heiltölur, hluti, texta og aðrar gagnategundir.
Það mun aðstoða þig við að takast á við ýmis konar hluti og mun spara þér tíma með því að útrýma þörfinni á að kóða almennar aðferðir. Kóðinn þinn verður hreinni með færri línum og virkar í öllum vöfrum. Ef þú ert ekki þegar að nota það, ættir þú að íhuga það vandlega.
Að taka ekki upp Lodash er mikið tap fyrir JavaScript kóðabasana okkar. Það er gallalaus og glæsileg lausn á algengum áskorunum sem við stöndum frammi fyrir í vinnunni og notkun þess mun aðeins gera kóðann okkar læsilegri og viðráðanlegri.
Við skulum kafa ofan í nokkrar af vinsælustu (eða ekki!) Lodash aðgerðunum og uppgötva hversu afar gagnlegt og fallegt þetta bókasafn er.
1. _.sortedUniq
Öll tvítekin gildi verða ekki skilað með þessu. Vegna þess að það er bara fyrir flokkað fylki er þetta aðallega notað af hraðaástæðum. Þetta er aðeins gagnlegt ef þú ert að fást við stórt fylki. Ef þú vilt bæta hraða skaltu flokka fylkið þitt og nota aðferðir sem virka betur með flokkuðum fylkjum.
Lodash hefur fjölda annarra aðgerða sem eru svipaðar þessu. Þú getur skoðað .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqByBy, .B Uniq, .sorted.
2. _.minnka
_.reduce er svipað og síuaðgerð. Eini munurinn er sá að þú hefur möguleika á að velja form hlutarins sem skilað er. Það er eðlilegt, ef þú skilur ekki hvað ég er að segja; það er dæmi um það.
Í raun skilum við nýjum hlut sem inniheldur notendur flokkaða eftir aldri, en aðeins fyrir þá sem eru á aldrinum 18 til 59 ára. Þessi Lodash hjálparaðgerð er ein sú sem oftast er notuð. Það er líka innifalið í ES6. Ég vil líka benda á tvö dæmigerð mistök: mundu að skila niðurstöðunni í lok fallsins og gefa upp sjálfgefið gildi fyrir niðurstöðuna sem þriðju færibreytuna (hér).
3. _.get og ._set
Fyrir þennan mun ég plata þig nokkuð með því að sýna tvær aðgerðir sem framkvæma næstum það sama. _.get skilar eignargildi frá hlut og _.set, jæja, þú giskaðir á það, stilltu eign með gildi. Ekkert einstakt, nema að þú getur fengið aðgang að eign í gegnum leið hennar.
Við skulum líta á dæmi.
Ef slóðin er ekki til þegar hringt er í _.set verður hún búin til. Það verða ekki fleiri villur í „Get ekki stillt eign „hluti“ óskilgreindra“. Ef slóðin er ekki til mun _.get skila óskilgreindu í stað villu. Ef slóðin verður óskilgreind, geturðu líka gefið upp sjálfgefið gildi (þriðja færibreytan).
4. _.finna
Í stað þess að fara í gegnum fylki til að finna einn hlut, getum við notað _.find. Það er gott, en það er ekki það eina sem _.find getur gert. Með einni línu af kóða gætirðu líka uppgötvað hlut með því að nota fjölmarga eiginleika. Skoðaðu þetta!
5. _.keyBy
Eitt af mínum uppáhalds er _.keyBy. Það er mjög gagnlegt þegar reynt er að fá hlut með ákveðinn eiginleika. Gerum ráð fyrir að við höfum 100 bloggfærslur og viljum grípa þá með auðkenninu „34abc. Hvernig ætlum við að gera það? Sjáum hvað gerist! Þessi aðferð getur hjálpað þér að raða hlutasafni ef þjónn veitir það sem fylki. Einnig er hægt að nota fall sem önnur rök.
6. _.fyrir hverja
Þessi aðferð mun endurtaka sig yfir fjölda hluta einn í einu, sem gerir þér kleift að gera hvaða rökfræði sem þú vilt. Í þessu fyrsta dæmi mun ég fara yfir lista yfir notendahluti, sameina fornafn og eftirnöfn þeirra til að búa til nýja eign sem heitir fullName.
forHver þessara samþykkir tvær breytur. Fylkið sem við erum að hringja yfir er fyrsta færibreytan. Önnur röksemdin er endurtekið fall, þar sem fyrsta færibreytan er tilvísun einstakra hluta og sú seinni er núverandi vísitala endurtekningarinnar.
7. _.kort
Kort, eins og forEach, endurtekur sig yfir fjölda gilda. Kortaaðgerðin skilar aftur á móti nýrri fylkingu gilda sem endurtekningarfallið gefur. Við erum að nota sama safn notenda og í forEach dæminu okkar hér. Við gætum notað _.map til að búa til nýja breytu sem hefur fletjaða fylki með heildarnöfnum allra notenda.
8. _.munur
Mismunafallið mun framleiða nýtt fylki af gildum sem eru mismunandi á milli fyrsta og annars fylkisins. Það er mikilvægt að hafa í huga að staðsetning rökanna hefur áhrif á niðurstöðurnar.
9. _.fá
_.get() aðgerðin getur aðstoðað okkur við að finna frumefni í hlut. Við getum stillt sjálfgefið gildi fyrir _.get() fallið til að skila ef frumefni finnst ekki á uppgefinni slóð. _.get() fallið tekur þrjár breytur, sú fyrsta er hluturinn sem við viljum fá stak úr. Leiðin er önnur. Þriðja gildið er sjálfgefið gildi sem við viljum skila ef ekki er hægt að finna frumefni.
10. _.finna
Aðgerðin _find() kann að virðast vera eins og _.get() aðferðin. _.find() fallið, eins og _.get() aðferðin, tekur við þremur breytum. Hins vegar, ólíkt _.get() aðferðinni, getur fyrsta röksemdin verið fylki eða hlutur. Önnur rökin tilgreina fallið sem verður kallað á hverja endurtekningu. Þriðja inntakið er upphafsvísitala safnsins. Vegna þess að _.find() fallið endurtekur sig yfir hvern þátt í safni.
11. _.groupBy
Búðu til hlut sem nefndur er af niðurstöðu falls (eða valið eiginheiti af handahófi), þar sem hvert gildi er fylki af hlutum með sama lykli.
12. _.sett
Aðferðin _.set() er andhverfa aðferðarinnar _.get(). Það mun breyta gildi frumefnis á tiltekinni slóð. Hluturinn eða fylkið er fyrsta færibreytan, slóðin er önnur og gildið sem þú vilt stilla er það þriðja.
13. _.sameinast
Það virkar svipað og Object.assign, nema það endurtekur sig djúpt inn í undirliggjandi uppbyggingu til að uppfæra dýpri hluti frekar en að skipta þeim út.
14. ._deburr
Þetta er frekar einfalt dæmi. Allar „samsettar stafrænar merkingar“ eru fjarlægðar. Þannig verður „é“ „e“. Þegar það er alþjóðavæðing og staðfærsla er góð venja að grafa texta fyrir leitaraðgerðir.
15. _.debounce
Þetta er ein áhrifaríkasta Lodash aðferðin. Það gæti líka verið erfitt að átta sig á því hvað það gerir og hvenær þú ættir að nota það. Aðferðin _.debounce() skilar falli. Fall _.debounce() aðferðarinnar mun seinka ákalli þar til tiltekinn fjöldi millisekúndna er liðinn frá því fallið var síðast kallað fram.
Niðurstaða
Lodash er öflug framlenging á JavaScript tungumálinu. Með lágmarks fyrirhöfn getur maður byggt upp stuttan og skilvirkan kóða. Lodash er líka algjörlega mát. Þó að sum virkni þess gæti á endanum verið úrelt, þá tel ég að það muni samt veita þróunaraðilum fjölmarga kosti á sama tíma og það ýtir undir þróun JS tungumálsins.
Ég vona að þessir fáu Lodash möguleikar hjálpi þér að sjá hversu öflugur Lodash getur verið þegar unnið er með fylki, hluti og söfn. Þú getur heimsótt gögn að kanna ofgnótt annarra valkosta sem það hefur upp á að bjóða.
Skildu eftir skilaboð