It is net allinich nedich foar in ûntwikkelder om taken te foltôgjen, mar it is ek nedich om taken op in effisjinter manier te dwaan. D'r binne hjoed ferskate biblioteken beskikber yn JavaScript dy't it wurkjen mei fariabelen makliker meitsje foar ûntwikkelders. Wy sille leare hoe't jo de meast foarkommende funksjes fan 'e Lodash-bibleteek kinne brûke yn dizze tutorial.
As jo Lodash noch net hawwe besocht, is no it momint. Lodash is in hjoeddeistich JavaScript-helppakket dat it wurkjen mei arrays, heule getallen, objekten, teksten en oare gegevenstypen makliker makket.
It sil jo helpe by it omgean mei ferskate soarten objekten en sil jo tiid besparje troch it eliminearjen fan de needsaak om generyske metoaden te kodearjen. Jo koade sil skjinner wêze mei minder rigels en sil funksjonearje yn alle browsers. As jo it net al brûke, moatte jo it foarsichtich beskôgje.
Lodash net oannimme is in enoarm ferlies foar ús JavaScript-koadebases. It is in brekfrije en elegante oplossing foar mienskiplike útdagings dy't wy hawwe op it wurk, en it brûken dêrfan sil ús koade allinich lêsber en behearder meitsje.
Lit ús ferdjipje yn guon fan 'e populêrder (of net!) Lodash-funksjes en ûntdek hoe ekstreem nuttich en moai dizze bibleteek is.
1. _.sortedUniq
Alle duplikearre wearden wurde net weromjûn mei dizze. Om't it gewoan is foar sorteare arrays, wurdt dit benammen brûkt foar snelheidsredenen. Dit is allinich handich as jo te krijen hawwe mei in grut array. As jo snelheid wolle ferbetterje, sortearje jo array en brûk metoaden dy't better wurkje mei sorteare arrays.
Lodash hat in oantal oare funksjes dy't lykje op dit. Jo kinne sjen op .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .SortedUniqBy, .Sorted, Uniqsorted.
2. _.ferminderje
_.reduce is gelyk oan in filterfunksje. It ienige ferskil is dat jo de opsje hawwe om de foarm fan it weromjûn objekt te selektearjen. It is normaal, as jo net begripe wat ik sis; der is in foarbyld foar.
Yn essinsje jouwe wy in nij foarwerp werom mei brûkers klassifisearre troch leeftyd, mar allinich foar dyjingen fan 18 oant 59. Dizze Lodash-helperfunksje is ien fan 'e meast brûkte. It is ek opnommen yn ES6. Ik wol ek twa typyske flaters oanwize: tink om it resultaat werom te jaan oan 'e konklúzje fan' e funksje, en leverje de standertwearde foar it resultaat as de tredde parameter (hjir).
3. _.get en ._set
Foar dizze sil ik jo wat ferrifelje troch twa funksjes sjen te litten dy't hast itselde útfiere. _.get jout in eigendom wearde fan in foarwerp, en _.set, well, do riede it, set in eigendom mei in wearde. Neat unyk, útsein dat jo tagong kinne ta in pân fia it paad.
Litte wy nei in foarbyld sjen.
As it paad net bestiet by it roppen fan _.set, sil it oanmakke wurde. D'r sille gjin "Kin eigendom 'items' fan net definieare" flaters mear wêze. As it paad net bestiet, sil _.get undefined weromkomme ynstee fan in flater. As it paad oplost yn ûndefinieare, kinne jo ek in standertwearde leverje (tredde parameter).
4. _.fine
Yn stee fan in loop troch in array te finen in inkeld objekt, kinne wy brûke _.find. Dat is goed, mar it is net it ienige ding _.find kin dwaan. Mei ien rigel koade kinne jo ek in objekt ûntdekke troch ferskate eigenskippen te brûken. Besjoch it!
5. _.keyBy
Ien fan myn favoriten is _.keyBy. It is heul nuttich as jo besykje in objekt te krijen mei in bepaald attribút. Stel dat wy 100 blog-ynstjoerings hawwe en dy wolle pakke mei de id "34abc." Hoe sille wy it dwaan? Litte wy sjen wat der bart! Dizze metoade kin jo helpe om in objektkolleksje te regeljen as in server it as array leveret. In funksje kin ek brûkt wurde as it twadde argumint.
6. _.forEach
Dizze metoade sil iterearje oer in array fan objekten ien foar ien, sadat jo kinne dwaan wat logika jo wolle. Yn dit earste foarbyld sil ik in list mei brûker objekten rinne, har foar- en efternammen gearfoegje om in nije eigenskip te meitsjen mei de namme fullName.
foar Elk fan dizze akseptearret twa parameters. De array dy't wy oerrinne is de earste parameter. It twadde argumint is in iteraasjefunksje, wêrby't de earste parameter de yndividuele itemreferinsje is en de twadde de aktuele yndeks fan 'e iteraasje is.
7. _.map
Kaart, lykas forEach, iterearret oer in array fan wearden. De kaartfunksje, oan 'e oare kant, jout in nije array fan wearden werom dy't troch de iterate-funksje levere wurdt. Wy brûke deselde kolleksje brûkers as yn ús forEach foarbyld hjir. Wy kinne _.map brûke om in nije fariabele te generearjen dy't in ôfplatte array hat fan alle folsleine nammen fan 'e brûkers.
8. _.ferskil
De ferskilfunksje sil in nije array fan wearden produsearje dy't ferskille tusken de earste en twadde arrays. It is wichtich om te notearjen dat de lokaasjes fan 'e arguminten de útkomsten beynfloedzje.
9. _. krije
De funksje _.get() kin ús helpe by it lokalisearjen fan in elemint binnen in objekt. Wy kinne in standertwearde ynstelle foar de funksje _.get () om werom te kommen as in elemint net fûn wurdt op it levere paad. De funksje _.get() nimt trije parameters, wêrfan de earste it objekt is wêrfan wy in elemint krije wolle. It paad is de twadde. De tredde wearde is de standertwearde dy't wy werom wolle as in elemint net fûn wurde kin.
10. _.fine
De funksje _find() kin lykje identyk te wêzen mei de metoade _.get(). De funksje _.find(), lykas de metoade _.get(), akseptearret trije parameters. Lykwols, yn tsjinstelling ta de metoade _.get() kin it earste argumint in array of in objekt wêze. It twadde argumint spesifiseart de funksje dy't op elke iteraasje oanroppen wurdt. De tredde ynfier is de begjinyndeks fan 'e kolleksje. Omdat de funksje _.find() iterearret oer elk elemint yn in kolleksje.
11. _.groupBy
Meitsje in objekt neamd troch it resultaat fan in funksje (of in willekeurich selektearre eigenskipsnamme), mei elke wearde in array fan objekten mei deselde kaai.
12. _.set
De metoade _.set() is de omkearde fan de metoade _.get(). It sil de wearde fan in elemint feroarje op in opjûn paad. It objekt of array is de earste parameter, it paad is de twadde, en de wearde dy't jo ynstelle wolle is de tredde.
13. _.fusearje
It funksjonearret fergelykber mei Object.assign, útsein dat it weromkomt djip yn 'e ûnderlizzende struktuer om de djippere objekten te aktualisearjen ynstee fan se te ferfangen.
14. ._deburr
Dit is in frij rjochtlinige foarbyld. Alle "kombinearjende diakrityske markearrings" wurde fuortsmiten. Sa wurdt "é" "e". As d'r ynternasjonalisaasje en lokalisaasje is, is it in goede praktyk om tekst foar sykfunksjes te ûntbramen.
15. _.debounce
Dit is ien fan de meast effektive Lodash strategyen. It kin ek lestich wêze om te begripen wat it docht en wannear jo it moatte brûke. De metoade _.debounce() jout in funksje werom. De funksje fan de metoade _.debounce() sil it oproppen fertrage oant in spesifisearre oantal millisekonden binne ferrûn sûnt de funksje foar it lêst oproppen is.
Konklúzje
Lodash is in krêftige útwreiding fan 'e JavaScript-taal. Mei minimale ynspanning kin men beknopte en effisjinte koade bouwe. Lodash is ek folslein modulêr. Hoewol guon fan syn funksjonaliteiten úteinlik kinne wurde ôfkard, leau ik dat it noch in protte foardielen sil leverje oan ûntwikkelders, wylst ek de evolúsje fan 'e JS-taal driuwt.
Ik hoopje dat dizze pear Lodash-mooglikheden jo helpe om te sjen hoe krêftich Lodash kin wêze as jo wurkje mei arrays, objekten en kolleksjes. Jo kinne besykje de dokumintaasje om in oerfloed fan oare opsjes te ferkennen dy't it te bieden hat.
Leave a Reply