Jak warunkowo wypchnąć element w obserwowalnej tablicy?

Chciałbym pushdodać nową pozycję do przedmiotu observableArray, ale tylko wtedy, gdy przedmiot nie jest już obecny. Czy jest jakaś funkcja „znajdź” lub zalecany wzorzec do osiągnięcia tego w KnockoutJS?

Zauważyłem, że removefunkcja na an observableArraymoże otrzymać funkcję do przekazania warunku. Chcę prawie mieć tę samą funkcjonalność, ale tylko wtedy, gdy przekazany warunek jest lub nie jest prawdziwy.

ObservableArray uwidacznia indexOffunkcję (opakowanie ko.utils.arrayIndexOf). Dzięki temu możesz:

if (myObservableArray.indexOf(itemToAdd) < 0) {
  myObservableArray.push(itemToAdd);
}

Jeśli w rzeczywistości nie są one odniesieniem do tego samego obiektu i chcesz uruchomić niestandardową logikę porównania, możesz użyć ko.utils.arrayFirst:

var match = ko.utils.arrayFirst(myObservableArray(), function(item) {
    return itemToAdd.id === item.id;
});

if (!match) {
  myObservableArray.push(itemToAdd);
}

Dzięki RP. Oto przykład użycia sugestii, aby zwrócić właściwość „name” za pośrednictwem właściwości „id” obiektu z poziomu mojego modelu widoku.

    self.jobroles = ko.observableArray([]);

    self.jobroleName = function (id)
    {
        var match = ko.utils.arrayFirst(self.jobroles(), function (item)
        {
            return item.id() === id();  //note the ()
        });
        if (!match)
            return 'error';
        else
            return match.name;
    };

W HTML mam co następuje ($ rodzic wynika z tego, że znajduje się wewnątrz pętli wierszy tabeli):

<select data-bind="visible: editing, hasfocus: editing, options: $parent.jobroles, optionsText: 'name', optionsValue: 'id', value: jobroleId, optionsCaption: '-- Select --'">
                            </select>
<span data-bind="visible: !editing(), text: $parent.jobroleName(jobroleId), click: edit"></span></td>

wyszukaj obiekt w ko.observableArray

function data(id,val) 
{ var self = this;
self.id = ko.observable(id);
self.valuee = ko.observable(val);  }

var o1=new data(1,"kamran");
var o2=new data(2,"paul");
var o3=new data(3,"dave");
var mysel=ko.observable();
var combo = ko.observableArray();

combo.push(o1);
combo.push(o2);
combo.push(o3);
function find()
 { 
      var ide=document.getElementById("vid").value;    
      findandset(Number(ide),mysel);
 }

function indx()
{
    var x=document.getElementById("kam").selectedIndex;
    alert(x);
}

function getsel()
{ 
    alert(mysel().valuee());
}


function findandset(id,selected)
 {  
    var obj = ko.utils.arrayFirst(combo(), function(item) {
    return  id=== item.id();
});   
     selected(obj);
 }

findandset(1,mysel);
ko.applyBindings(combo);


<select id="kam" data-bind="options: combo,
                   optionsText: 'valuee', 
                   value: mysel, 
                   optionsCaption: 'select a value'">

                   </select>
<span data-bind="text: mysel().valuee"></span>
<button onclick="getsel()">Selected</button>
<button onclick="indx">Sel Index</button>
<input id="vid" />
<button onclick="find()">Set by id</button>

http://jsfiddle.net/rathore_gee/Y4wcJ/

Dodałbym „valueWillMutate ()” przed zmianami i „valueHasMutated ()” po nich.

for (var i = 0; i < data.length; i++) {
    var needChange = false;
    var itemToAdd = data[i];
    var match = ko.utils.arrayFirst(MyArray(), function (item) {
        return (itemToAdd.Code === item.Code);
    });
    if (!match && !needChange) {
        MyArray.valueWillMutate();
        needChange = true;
    }
    if (!match) {
        MyArray.push(itemToAdd);
    }
}
if (needChange) {
    MyArray.valueHasMutated();
}