Hai sa vorbim despre UnderscoreJS: Partea II
Stefanescu Mihai 3 years ago iNoobIn 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.