Backbone.js - Underscore -funktioner

Innehållsförteckning
Understreck Förutom att vi ger oss mallmotorn för att skapa vyer, erbjuder den oss också ett antal funktioner som fungerar som verktyg, med dessa funktioner kan vi uppnå olika resultat från att helt enkelt veta hur många element en samling har för att kunna sortera samlingen med någon parameter.
Iterera över en samling
Att iterera över vart och ett av elementen i a samling vi kan använda funktionen för varjeTack vare denna funktion kan vi gå igenom en samling utan att behöva upprätta en innehållskarta.
Låt oss se i följande kod hur den kan användas:
 var All = new Backbone.Collection (); All.add ([{title: 'Go to Belgium.', Completed: false}, {title: 'Go to China.', Completed: false}, {title: 'Go to Austria.', Completed: true}] ); Todos.forEach (funktion (modell) {console.log (model.get ('titel'));}); 

Vi etablerar en samling och sedan på objektet som vi applicerar för varje och vi skriver ut attribut titel av varje modell, på skärmen skulle vi få något som liknar följande:

Sortera efter något attribut
Någon gång måste vi ordna elementen efter något av deras attribut eller egenskaper, för detta har vi metoden sortera efterOm vi ​​anger ett attribut som innehåller bokstäver, kommer det att sorteras efter alfabetet, men om det är numeriskt kommer det att ordnas av den här egenskapen, låt oss se följande exempel, vi kommer att behålla samlingen från föregående exempel så att vi har mindre kod att skriva:
 var sortedByAlphabet = All.sortBy (funktion (alla) {return todo.get ("titel"). toLowerCase ();}); console.log ("- Nu beställd:"); sortedByAlphabet.forEach (funktion (modell) {console.log (model.get ('titel'));}); 

Som vi ser på bilden får vi följande resultat:

Lägsta och högsta
För att få värdena i båda ändarna av samlingen, det vill säga det lägsta eller högsta värdet, har vi funktionerna min Y max, när vi applicerar dem kan vi få motsvarande element, låt oss se i koden hur vi använder dessa funktioner:
 All.max (funktion (modell) {return model.id;}). Id; All.min (funktion (modell) {return model.id;}). Id; 

Gruppera efter attribut
Metoden Grupp av tillåter oss att gruppera de olika elementen som utgör samlingen med hjälp av ett av dess attribut som en egenskap, detta är ganska användbart när vi till exempel vill skilja mellan attributtillstånd, i exempelkoden kommer vi att göra det genom modellens slutförande fält, låt oss se koden:
 var All = new Backbone.Collection (); All.add ([{title: 'Go to Belgium.', Completed: false}, {title: 'Go to China.', Completed: false}, {title: 'Go to Austria.', Completed: true}] ); var byCompleted = All.groupBy ('complete'); var complete = new Backbone.Collection (byCompleted [false]); console.log (complete.pluck ('titel')); 

Vi ser att vi har en samling där två av de tre modellerna har samma färdigställande tillstånd, om vi bara ville få dessa tillstånd med metoden Grupp av Vi kan ange detta villkor, först deklarerar vi en variabel, tillämpar metoden på egenskapen och sedan genererar vi en andra samling där vi anger vilka grupperade element det kommer att ta med, slutligen skriver vi ut i konsolen för JavasSript av Google Chrome och vi kommer att få motsvarande modeller, låt oss se i följande bild vad vi får:

I slutet av denna handledning har vi lärt oss att använda olika funktioner i Understreck som gör att vi kan interagera på ett bättre sätt med de element som vi kan ha i en samling i våra applikationer.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave