Inhoudsopgave
Laag streepje Behalve dat het ons de sjabloon-engine biedt om de weergaven te maken, biedt het ons ook een aantal functies die als hulpprogramma's dienen, met deze functies kunnen we verschillende resultaten bereiken, van simpelweg weten hoeveel elementen een verzameling heeft tot het kunnen sorteren van de verzameling door een of andere parameter.Een verzameling herhalen
Om elk van de elementen van a . te herhalen verzameling we kunnen de functie gebruiken: voor elkDankzij deze functie kunnen we een collectie doorlopen zonder een contentmap op te stellen.
Laten we in de volgende code kijken hoe deze kan worden gebruikt:
var Alles = nieuwe Backbone.Collection (); All.add ([{title: 'Ga naar België.', Voltooid: false}, {title: 'Ga naar China.', Voltooid: false}, {title: 'Ga naar Oostenrijk.', Voltooid: true}] ); Todos.forEach (functie (model) {console.log (model.get ('titel'));}); We stellen een collectie op en vervolgens op het object dat we toepassen voor elk en we printen de attribuut titel van elk model zouden we op het scherm iets krijgen dat lijkt op het volgende:
Op een gegeven moment moeten we de elementen ordenen op een van hun attributen of eigenschappen, hiervoor hebben we de methode: sorteer opAls we een attribuut specificeren dat letters bevat, wordt het gesorteerd op alfabet, maar als het numeriek is, wordt het geordend op deze eigenschap. Laten we het volgende voorbeeld bekijken, we zullen de verzameling uit het vorige voorbeeld behouden zodat we minder hebben code om te schrijven:
var gesorteerdByAlphabet = All.sortBy (functie (alle) {return todo.get ("titel"). toLowerCase ();}); console.log ("- Nu besteld:"); SortedByAlphabet.forEach (functie (model) {console.log (model.get ('titel'));}); Zoals we in de afbeelding zien, krijgen we het volgende resultaat:
Om de waarden aan beide uiteinden van de verzameling te verkrijgen, dat wil zeggen de minimale of maximale waarde, hebben we de functies min Y max, wanneer we ze toepassen, kunnen we de bijbehorende elementen verkrijgen, laten we in de code kijken hoe we deze functies kunnen gebruiken:
All.max (functie (model) {return model.id;}). Id; All.min (functie (model) {return model.id;}). Id; Groeperen op kenmerk
De methode groupBy stelt ons in staat om de verschillende elementen waaruit de verzameling bestaat te groeperen met behulp van een van de attributen als eigenschap, dit is erg handig wanneer we bijvoorbeeld onderscheid willen maken tussen attribuutstatussen, in de voorbeeldcode zullen we dit doen door de voltooiing van het model veld, laten we de code eens bekijken:
var Alles = nieuwe Backbone.Collection (); All.add ([{title: 'Ga naar België.', Voltooid: false}, {title: 'Ga naar China.', Voltooid: false}, {title: 'Ga naar Oostenrijk.', Voltooid: true}] ); var byCompleted = All.groupBy ('voltooid'); var voltooid = nieuwe Backbone.Collection (byCompleted [false]); console.log (voltooid.pluck ('titel')); We zien dat we een verzameling hebben waar twee van de 3 modellen dezelfde staat van voltooiing hebben, als we deze toestanden maar wilden verkrijgen met de methode groupBy We kunnen deze voorwaarde specificeren, eerst declareren we een variabele, passen we de methode toe op de eigenschap en dan genereren we een tweede verzameling waarin we aangeven welke gegroepeerde elementen het gaat brengen, tenslotte printen we in de console van Javascript van Google Chrome en we zullen de bijbehorende modellen verkrijgen, laten we in de volgende afbeelding zien wat we krijgen:
