Hai sa vorbim despre UnderscoreJS: Partea II

iNoob | Stefanescu Mihai | 2020-10-11

In primul articol despre UnderscoreJS v-am vorbit despre ce este aceasta librarie si ce puteti face cu ea. In acest articol am sa va vorbesc despre functia each ce ne este pusa la dispozitie de librarie.

_.each: Comenzi repetitive usor de inteles

Nu cred ca exista proiect in care sa nu ai nevoie de cel putin o bucatica de cod care sa arate catusi de putin cu urmatoarea:

var mancare = ['Cotlet', 'Piept de pui', 'Clatite'];

for(var i = 0; i < mancare.length; i++) {
  console.log('mancare: ' + mancare[i]);
}

UnderscoreJS ne permite sa scriem acest lucru mult mai simplu:

var mancaruri = ['Cotlet', 'Piept de pui', 'Clatite'];

_.each(mancaruri, function(mancare, index, mancaruri) {
  console.log('mancare: ' + mancare);
});

Tare, nu? Functia  _.each() primeste 2 parametri:

  • Un array sau un obiect prin care sa itereze
  • O functie callback

Pentru fiecare element din array, _.each() va apela functia callback (in documentatie se gaseste ca si iteratee). In aceasta functie callback avem acces la 3 parametri:

  • Valoarea arrayului la iteratia curenta (mancare).
  • Numarul iteratiei curente (index).
  • Array-ul prin care iteram (mancaruri).

Dupa cum puteti observa codul este mult mai lizibil si putem accesa elementele fara sa fim nevoiti sa scriem mancaruri[i], cum am fi folosit intr-un  for.

In urmatorul articol din aceasta serie am sa va vorbesc despre modul in care putem folosi UnderscoreJS ca si template engine.


Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.
       

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.

🗝ïļ Login 🌟 Register

🔖 Bookmarks ⊞
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord ⊞

Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.

⮆ïļ