How to filter an array with data with multiple criteria

Question

I have an array that contains information. The data has a tag attribute on which I want to filter.

If the array contains data, the filter should be triggered on all data in the array. If there is no data in the array, then I get all the data from the array with data.

I need control array length for this I need to use includes for max data after filter 30

//exist array with data
const arr = [
    { "value": "food", "tag": "food" },
    { "value": "drink1", "tag": "drink" },
    { "value": "drink2", "tag": "drink" },
    { "value": "empty tag data", "tag": null }
];

//example data from request with tags for filtering
const data1 = ["food", "drink"];
const data2 = [];

function example(arrayForSearch, needToFind) {
    //not work o.tag.includes(needToFind, 30)
    return arrayForSearch.reduce((a, o) => (o.tag.includes(needToFind)  && a.push(o.value), a), []);
}

// result (0, 1, 2) indexes from array
console.log(example(arr, data1));

// result all data from array
console.log(example(arr, data2));

o.tag.includes(needToFind) should be needToFind.includes(o.tag) and you should also check if needToFindis an empty array as you want to keep the object in that case — Ramesh Reddy
– Ramesh Reddy, Commented Aug 25, 2021 at 8:54

Harun Yilmaz · Accepted Answer · 2021-08-25 08:59:20Z

1

You can use Array.filter() instead of Array.reduce() and switch the operand and the argument for Array.includes() function as followings:

const arr = [
    { "value": "food", "tag": "food" },
    { "value": "drink1", "tag": "drink" },
    { "value": "drink2", "tag": "drink" },
    { "value": "empty tag data", "tag": null }
];

const data1 = ["food", "drink"];
const data2 = [];

function example(arrayForSearch, needToFind) {
    return Array.isArray(needToFind) && needToFind.length > 0 ? arrayForSearch.filter(item => needToFind.includes(item.tag)) : arrayForSearch
}

console.log(example(arr, data1));
console.log(example(arr, data2));

answered Aug 25, 2021 at 8:59

Harun Yilmaz

8,5793 gold badges30 silver badges40 bronze badges

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

3 Comments

Alice Over a year ago

if i need array default size make controlled? for example max 2 items?

Alice Over a year ago

That is, the array is filtered and the default one should display the number of items that were passed to it in the config. function example(arrayForSearch, needToFind, maxItems)

Harun Yilmaz Over a year ago

You can use Array.slice(0, maxItems) to get first maxItems items from the array. const slicedArray = needToFind.slice(0, maxItems)

Terry Lennox · Accepted Answer · 2021-08-25 11:03:16Z

1

You can use Array.filter() to return the items you wish. If needToFind is empty it will return all items in the array:

    
const arr = [
    { "value": "food", "tag": "food" },
    { "value": "drink1", "tag": "drink" },
    { "value": "drink2", "tag": "drink" },
    { "value": "empty tag data", "tag": null }
];

const data1 = ["food", "drink"];
const data2 = [];

function example(arrayForSearch, needToFind) {
    // Return any item with a tag in the needToFind array _or_ if the needToFind array is empty.
    return arrayForSearch.filter(el => needToFind.length === 0 || needToFind.includes(el.tag));
}

console.log('data1 result:', example(arr, data1));
console.log('data2 result:', example(arr, data2));

edited Aug 25, 2021 at 11:03

answered Aug 25, 2021 at 8:57

Terry Lennox

30.9k5 gold badges36 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to filter an array with data with multiple criteria

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related