I have this code:

var id = event.target.getAttribute('id');

var matchedItem = ko.utils.arrayForEach(self.ProductEffectImagesToMatch(),
  function(item) {
    if (item.index == id) {
      return item;
    }
  }
);

I want to get the item by index in the array, if index matches the id then return the item.

How can that be done correctly?

I have this code:

var id = event.target.getAttribute('id');

var matchedItem = ko.utils.arrayForEach(self.ProductEffectImagesToMatch(),
  function(item) {
    if (item.index == id) {
      return item;
    }
  }
);

I want to get the item by index in the array, if index matches the id then return the item.

How can that be done correctly?

• javascript
• knockout.js
• knockout-3.0

Share Improve this question Follow edited Feb 26, 2016 at 9:53 Tomalak 339k6868 gold badges546546 silver badges635635 bronze badges asked Feb 26, 2016 at 8:22 LazialeLaziale 8,2454848 gold badges155155 silver badges271271 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

"ko.utils." is unnecessary. If "self.ProductEffectImagesToMatch" is an observable array, then "self.ProductEffectImagesToMatch()" returns ordinary array, that you can filter by predicate:

var matchedItem = self.ProductEffectImagesToMatch().filter(function (item) {
    return item.index == id;
})[0];

[0] returns undefined in case of empty result, the first matching item otherwise.

Update

If you want to get n-th element of an array, you can use "id" as index:

matchedItem = self.ProductEffectImagesToMatch()[id];

You can use for it ko.utils.arrayFirst if there should be only one item and arrayFilter if few.

var matchedItem = ko.utils.arrayFirst(self.ProductEffectImagesToMatch(), function (item) {
    return item.index == id;
});