İçindekiler
Vurgulamak Görünümleri oluşturmak için bize şablon motorunu sağlamanın yanı sıra, bize yardımcı program olarak hizmet eden bir dizi işlev de sunar, bu işlevlerle, bir koleksiyonun kaç öğeye sahip olduğunu bilmekten söz konusu koleksiyonu sıralayabilmekten farklı sonuçlar elde edebiliriz. bazı parametrelere göre.Koleksiyon üzerinde yineleme
Bir öğenin her bir öğesini yinelemek için Toplamak fonksiyonu kullanabiliriz her biri içinBu fonksiyon sayesinde bir içerik haritası oluşturmaya gerek kalmadan bir koleksiyon üzerinden geçebiliyoruz.
Aşağıdaki kodda nasıl kullanılabileceğini görelim:
var All = new Backbone.Collection(); All.add ([{title: 'Belçika'ya git.', Tamamlandı: false}, {title: 'Çin'e git.', Tamamlandı: false}, {title: 'Avusturya'ya git.', Tamamlandı: true}] ); Todos.forEach (işlev (model) {console.log (model.get ('başlık'));}); Bir koleksiyon oluşturuyoruz ve ardından uyguladığımız nesne üzerine her biri için ve yazdırıyoruz nitelik başlığı Her model için ekranda aşağıdakine benzer bir şey elde ederiz:
Bir noktada, elementleri niteliklerine veya özelliklerine göre sıralamalıyız, bunun için yöntemimiz var. göre sıralaHarf içeren bir öznitelik belirtirsek alfabeye göre sıralar ama numerik ise bu özelliğe göre sıralanır aşağıdaki örneğe bakalım önceki örnekteki koleksiyonu tutacağız ki daha az özniteliğimiz olsun yazılacak kod:
var sortByAlphabet = All.sortBy (işlev (tümü) {dönüş todo.get ("başlık").toLowerCase ();}); konsol.log ("- Şimdi Sipariş Edildi:"); sortByAlphabet.forEach (işlev (model) {console.log (model.get ('başlık'));}); Resimde gördüğümüz gibi, aşağıdaki sonucu elde ediyoruz:
Koleksiyonun her iki ucundaki değerleri yani minimum veya maksimum değeri elde etmek için fonksiyonlara sahibiz. dk Y maksimum, bunları uygularken karşılık gelen öğeleri elde edebiliriz, kodda bu işlevlerin nasıl kullanılacağını görelim:
All.max (fonksiyon (model) {dönüş modeli.id;}).Id; All.min (fonksiyon (model) {dönüş modeli.id;}).Id; Özelliğe göre gruplandır
yöntem grupBy Koleksiyonu oluşturan farklı öğeleri, niteliklerinden birini bir özellik olarak kullanarak gruplandırmamıza izin verir, bu, örneğin nitelik durumları arasında ayrım yapmak istediğimizde oldukça kullanışlıdır, örnek kodda bunu modelin tamamlanması yoluyla yapacağız. alan, kodu görelim:
var All = new Backbone.Collection(); All.add ([{title: 'Belçika'ya git.', Tamamlandı: false}, {title: 'Çin'e git.', Tamamlandı: false}, {title: 'Avusturya'ya git.', Tamamlandı: true}] ); var byCompleted = All.groupBy ('tamamlandı'); var tamamlandı = new Backbone.Collection (byCompleted [false]); konsol.log (tamamlandı.pluck ('başlık')); 3 modelden ikisinin aynı tamamlanma durumuna sahip olduğu bir koleksiyonumuz olduğunu görüyoruz, eğer sadece bu durumları yöntem ile elde etmek isteseydik grupBy Bu koşulu belirleyebiliriz, önce bir değişken bildiririz, methodu özellik üzerinde uygularız ve sonra hangi gruplanmış elemanları getireceğini belirttiğimiz ikinci bir koleksiyon oluştururuz, son olarak konsolda yazdırırız. JavasSript nın-nin Google Chrome ve ilgili modelleri elde edeceğiz, aşağıdaki resimde ne elde ettiğimize bakalım:
