How to limit for 10 results the array.filter?

Question

I have big array, I want to make an autocomplete search, but I want to display only 10 results, so stop iterating through the array by the time there were found 10 results. I have made this:

let items = array.filter(r => r.indexOf(term)!=-1);
console.log(items.length) // lots of items, need to be limited to 10

It works but I don't know how to stop the array.filter by the time it reaches the desired limit.

Answer 1

You could use another variable to keep track of how many items matched the condition so far and always return false after the limit has been reached. Here is an example:

const arr = [1,0,2,0,3,0,4,5,6,7,8,9,10,11,12,13,14];
const filtered = arr.filter(function(item) {
  if (this.count < 10 && item > 0) {
    this.count++;
    return true;
  }
  return false;
}, {count: 0});

console.log(filtered);

Here, I'm using an object {count: 0} as the context of the callback function. You can find out more about Array.filter from here