Backbone.js - Funcții de subliniere

Sublinia Pe lângă faptul că ne oferă motorul de șabloane pentru a crea vizualizările, acesta ne oferă și o serie de funcții care servesc drept utilitare, cu aceste funcții putem obține rezultate diferite de la simpla cunoaștere a câte elemente are o colecție până la posibilitatea de a sorta colecția menționată. după un anumit parametru.
Repetați o colecție
Pentru a itera peste fiecare dintre elementele unui Colectie putem folosi funcția pentru fiecareDatorită acestei funcții, putem parcurge o colecție fără a fi nevoie să stabilim o hartă a conținutului.
Să vedem în următorul cod cum poate fi folosit:

 var All = new Backbone.Collection (); All.add ([{title: 'Du-te în Belgia.', Completat: fals}, {title: 'Du-te în China.', Completat: fals}, {title: 'Du-te în Austria.', Completat: adevărat}] ); Todos.forEach (funcție (model) {console.log (model.get ('titlu'));}); 

Stabilim o colecție și apoi pe obiectul pe care îl aplicăm pentru fiecare și imprimăm titlul atributului din fiecare model, pe ecran am obține ceva similar cu următorul:

Sortați după un anumit atribut
La un moment dat trebuie să ordonăm elementele după oricare dintre atributele sau proprietățile lor, pentru aceasta avem metoda filtrează dupăDacă specificăm un atribut care conține litere, acesta va fi sortat după alfabet, dar dacă este numeric, va fi ordonat după această proprietate, să vedem exemplul următor, vom păstra colecția din exemplul anterior, astfel încât să avem mai puțin cod de scris:

 var sortedByAlphabet = All.sortBy (function (all) {return todo.get ("title"). toLowerCase ();}); console.log ("- Acum comandat:"); sortedByAlphabet.forEach (funcție (model) {console.log (model.get ('titlu'));}); 

După cum vedem în imagine, obținem următorul rezultat:

Minim și maxim
Pentru a obține valorile la ambele capete ale colecției, adică valoarea minimă sau maximă, avem funcțiile min Da max, atunci când le aplicăm putem obține elementele corespunzătoare, să vedem în cod cum să folosim aceste funcții:

 All.max (funcție (model) {return model.id;}). Id; All.min (funcție (model) {return model.id;}). Id; 

Grupați după atribut
Metoda a se grupa cu ne permite să grupăm diferitele elemente care alcătuiesc colecția folosind unul dintre atributele sale ca proprietate, acest lucru este destul de util atunci când, de exemplu, dorim să facem diferența între stările atributelor, în exemplul de cod o vom face prin finalizarea modelului câmp, să vedem codul:

 var All = new Backbone.Collection (); All.add ([{title: 'Du-te în Belgia.', Completat: fals}, {title: 'Du-te în China.', Completat: fals}, {title: 'Du-te în Austria.', Completat: adevărat}] ); var byCompleted = All.groupBy ('completat'); var completat = nou Backbone.Collection (byCompleted [false]); console.log (complete.pluck ('titlu')); 

Vedem că avem o colecție în care două dintre cele 3 modele au aceeași stare de finalizare, dacă am dori doar să obținem aceste stări cu metoda a se grupa cu Putem specifica această condiție, mai întâi declarăm o variabilă, aplicăm metoda pe proprietate și apoi generăm o a doua colecție unde indicăm ce elemente grupate urmează să aducă, în cele din urmă imprimăm în consola de JavasSript de Google Chrome și vom obține modelele corespunzătoare, să vedem în următoarea imagine ce obținem:

La sfârșitul acestui tutorial am învățat să folosim diferite funcții ale Sublinia care ne permit să interacționăm într-un mod mai bun cu elementele pe care le putem avea într-o colecție în cadrul aplicațiilor noastre.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv