Multiple filters in javascript

Question

I'm trying to do a multiple filter in javascript. It consists in 5 filters: search input, maxYear, minYear and if a string contains one item of an array of strings (x2).

I started doing this:

let entries = formattedJsonResults;

if (search) {
  const filtered = entries.filter(entry =>
    entry.title.toLowerCase().includes(search.toLowerCase())
  );
  entries = filtered;
} else if (minYear) {
  const filtered = entries.filter(entry =>
    Number(entry.date.slice(0, 4)) >= minYear.getFullYear()
  );
  entries = filtered;
} else if (maxYear) {
  const filtered = entries.filter(entry =>
    Number(entry.date.slice(0, 4)) <= maxYear.getFullYear()
  );
  entries = filtered;
}

But later I realized that they are not compatible. Eg, if search exists, I'll never access to the minYear filter.

Can someone help me please? thanks

What is search, etc?

mykaf
– mykaf

2022-04-13 17:55:34 +00:00
Commented Apr 13, 2022 at 17:55 — mykaf
– mykaf, Commented Apr 13, 2022 at 17:55

Mr. Polywhirl · Accepted Answer · 2022-04-14 15:49:40Z

1

Use individual if-statements, rather than an if-else. Also, use the previously filtered result for the next filter.

const entries = formattedJsonResults;
let filtered = entries;

// Filter by search term
if (search) {
  filtered = filtered.filter(entry =>
    entry.title.toLowerCase().includes(search.toLowerCase())
  );
}

// Filter by minimum year
if (minYear) {
  filtered = filtered.filter(entry =>
    Number(entry.date.slice(0, 4)) >= minYear.getFullYear()
  );
}

// Filter by maximum year
if (maxYear) {
  filtered = filtered.filter(entry =>
    Number(entry.date.slice(0, 4)) <= maxYear.getFullYear()
  );
}

// Filter by annotations
if (annotations) {
  filtered = filtered.filter(entry =>
    annotations.includes(entry.annotation)
  );
}

console.log(filtered); // After filtering 1x to 4x

edited Apr 14, 2022 at 15:49

answered Apr 13, 2022 at 17:55

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emiliano Over a year ago

Thanks! and now I added another filter that consists in the following: I have one parameter called annotations, which is a string of words separated with commas (eg: video, image, GPS), and also a filter where I select one or many of them. How could I filter my array to know if the selected entry has at least one of the selected filters? thanks

Mr. Polywhirl Over a year ago

@Emiliano either 'video, image, GPS'.split(/,\s*/g).includes(str) or 'video, image, GPS'.includes(str). I updated the response above to include the latter usage.

Collectives™ on Stack Overflow

Multiple filters in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related