JavaScript how to filter based on multiple values if the values arent empty [duplicate]

Question

I am trying to filter based on multiple values and only if they are not empty. Example:

jobsTracked = [
        {
          "company": "Company1",
          "position": "Senior Frontend Developer",
          "role": "Frontend",
          "level": "Senior",
        },
        {
          "company": "Company2",
          "position": "Senior Frontend Developer",
          "role": "Frontend",
          "level": "Senior",
          
        }]

I am trying to filter by 3 values in this example: position, role, level. And if position is empty string then i dont want to filter it but still want to filter by role and level if they arent empty string. And vice versa for all of them. Can the JavaScript filter function do this?

An array's filter method enables any filter task. It is on the OP to precisely describe the requirements/condition according to which the filter task is going to be performed. Thus as for the mentioned three criteria/property values, does the OP, for each item, want to have every criteria (AND filter) being fulfilled (with the exception of the empty string) or at least one (OR filter)? — Peter Seliger
– Peter Seliger, Commented May 18, 2022 at 0:15

Carl HR · Accepted Answer · 2022-05-18 00:27:46Z

1

When you say "filtering", you mean something like this?

let slot;

let role = 'Frontend';
let level = 'Senior';
let position = 'Senior Frontend Developer';

let filtered = [];
let length = jobsTracked.length;
for (let i = 0; i < length; ++i) {
    slot = jobsTracked[i]; 
    
    // "The Filter"
    if ((slot['role'] != '' && slot['role'] == role) &&
        (slot['level'] != '' && slot['level'] == level) &&
        (slot['position'] != '' && slot['position'] == position)) {
        filtered.push(slot);
    }
}

What this script does:

It iterates over all elements of the array jobsTracked.
It filters only those elements which the properties are not empty strings, and match the declared variables of the same name.
Only the filtered elements are added to the filtered array.

answered May 18, 2022 at 0:27

Carl HR

1,0491 gold badge7 silver badges21 bronze badges

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

4 Comments

James Over a year ago

This works if all values are not empty. If for example role is "" then it returns nothing. I still want to just filter by level and position if role is "". And vice versa with the others

Carl HR Over a year ago

I see.. your problem is that you must rephrase what you want to do, inside the if statement. We cannot guess your logic by divination. You must tell what kind of logic it should be.

Carl HR Over a year ago

What @Peter Seliger comented on your question is exactly this problem. You want us to guess what logic you should put inside the if statement, without telling us each rule you want to filter inside the array. For example, there's a difference between checking for (role || level || position) or (role && level && position) or (role && level || position) or (role || level && position).

Carl HR Over a year ago

One thing that you can do, and I normally do it too, is to try to guess the correct logic. You don't need to write the right one in a single go. You can try to run the script many times using different logic combinations, and at some point you might guess the correct one to put inside the if statement. Just create an empty HTML file and test your script inside it. Any browser can run it.

Collectives™ on Stack Overflow

JavaScript how to filter based on multiple values if the values arent empty [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related