IE alternative to Array.prototype.find() [duplicate]

Question

I previously wrote some code which matches uploaded files to their relevant clientID's, and displays them in a table to show which files are being assigned to which clients. The trouble is I tested this on Chrome and Safari as per the job spec and it works fine.

The problem is that this doesn't work on IE due to it not supporting Array.prototype.find() and they have now asked for it to be compatible with IE.

I have looked at other questions, but the answers were specific to their situation, often giving examples of other ways to do what they are looking for.

What would be the best way to achieve what I am trying to do?

var item = clientList.find(function(item) {

    return item.UniqueID == ClientID;

});

Answer 1

You can create your own find function, the important part is to break loop when you match element.

var data = [{id: 1, name: 'a'}, {id: 2, name: 'b'}];

function altFind(arr, callback) {
  for (var i = 0; i < arr.length; i++) {
    var match = callback(arr[i]);
    if (match) {
      return arr[i];
    }
  }
}

var result = altFind(data, function(e) {
  return e.id == 2;
})

console.log(result)