Hai sa vorbim despre UnderscoreJS: Partea II

postat acum 3 ani de Stefanescu Mihai in categorie iNoob

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.

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group