Выбрать Distinct from Object Array

Question

В KO можно вернуть выделенный список из массива объектов на основе свойства в массиве.

У меня есть массив «Диалог», который имеет коллекцию объектов, одним из свойств объекта является вызов «фото». Я хочу просто вытащить отличные фотографии из массива.

Мой код до сих пор:

my.vm.uniquePhotos = ko.computed(function() { 
    return ko.utils.arrayGetDistinctValues(my.vm.Dialog()); 
}, my.vm); 

Код выше возвращает все «Фотографии» в массиве, но я просто хочу, отличные фотографии.

<div id="participants" data-bind='foreach: uniquePhotos'> 

     <img data-bind="attr: { src: photo }" /> 

    </div> 

С уважением Melt

Answer 1

Чтобы получить массив, содержащий только уникальные фотографии, вы могли бы что:

my.vm.uniquePhotos = ko.computed(function() { 

    var photos = my.vm.Dialog(); 
    var o = {}; 
    var r = []; 

    for(var i=0; i<photos.length;i++) 
     o[photos[i].photo] = photos[i].photo; 

    for(i in o) 
     r.push(o[i]); 
}, my.vm); 

Или, если свойство фото является только информация вам нужно в объекте, вы можете использовать arrayMap, чтобы получить массив, содержащий URL-адреса, и они используют arrayGetDistinctValues.

my.vm.uniquePhotosUrl = ko.computed(function() { 
    return ko.utils.arrayGetDistinctValues(
     ko.utils.arrayMap(my.vm.Dialog(), function(p){ 
      return p.photo; 
     }) 
    ); 
}, my.vm); 

Вид:

<div id="participants" data-bind='foreach: uniquePhotosUrl '> 
    <img data-bind="attr: { src: $data}" /> 
</div> 

Я надеюсь, что это помогает.