How to filter json data with multiple includes values

Question

Includes method working for only one Value but i want to filter multiple values with comma like this "mahmoud, faizan" i'll get these value from user input

json Data

[{
    
    "text": "adnan hassan"
}, {
    
    "text": "adnan hassan mahmoud",
}, {
    
    "text": "adnan hassan faizan",
}]

Filter Function

const filterFunction = (a) => {
   if(includeKeyword)
     return a.text.includes("mahmoud")
    }

Filter Function with map render

postRes.filter(filterFunction).map((data, index) => (

array.some may help

Bravo
– Bravo

2022-03-18 12:37:42 +00:00
Commented Mar 18, 2022 at 12:37 — Bravo
– Bravo, Commented Mar 18, 2022 at 12:37

James · Accepted Answer · 2022-03-18 12:46:39Z

2

I gave you two return statements to choose from, depending on if you want to match all parts or at least one part out of what was typed in:

const filterFunction = (a) => {
   if(includeKeyword)
     const parts = userInput.split(",");
     // if you need the returned element to match *all* parts (AND)
     return parts.every(p => a.text.includes(p.trim());

     // if you need it to match *at least one* part (OR)
     return parts.some(p => a.text.includes(p.trim());
   }
};

answered Mar 18, 2022 at 12:46

James

22.4k5 gold badges29 silver badges44 bronze badges

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

Comments

Paiman Rasoli · Accepted Answer · 2022-03-18 12:48:27Z

2

for your senario you can customize the filter function to get a second parameter and use array.some:

const filterFunction = (a, searchArray) => {
  if (searchArray.some((v) => a.text.includes(v))) {
   return a;
    }
 };
const result = postRes.filter((item) => filterFunction(item, ["mahmoud", "faizan"]));

console.log("result ", result);

answered Mar 18, 2022 at 12:48

Paiman Rasoli

1,2241 gold badge8 silver badges18 bronze badges

Comments

PhilMaGeo · Accepted Answer · 2022-03-18 12:54:55Z

1

Filter function returns a boolean. You can set this boolean with a loop :

Example :

const base = [{
    
    "text": "adnan hassan"
}, {
    
    "text": "adnan hassan mahmoud",
}, {
    
    "text": "adnan hassan faizan",
}]

function myFilter(base,query){
  const queries = query.split(",")
  return base.filter((a)=>{
    let doReturn = false;
    queries.forEach((q)=>{
      if(a.text.includes(q)){
        doReturn = true;
      }
    })
    return doReturn;
});
}

console.log(myFilter(base,"faizan,hector,mickey,mahmoud"))

answered Mar 18, 2022 at 12:54

PhilMaGeo

5516 silver badges8 bronze badges

Comments

ahmetkilinc · Accepted Answer · 2022-03-18 12:57:31Z

1

create a array from your search text with split(','):

const searchParams = searchText.split(',');

then filter your data array like this:

test is your data array searchParams is the list of search parameters:

test.filter(t => searchParams.some(v => t.text.includes(v)))

here is a little example

answered Mar 18, 2022 at 12:57

ahmetkilinc

6848 silver badges20 bronze badges

Comments

Shankar Nanda · Accepted Answer · 2022-03-18 13:08:11Z

1

if you like to solve by javascript methods, like many people pointed out

if (["mahmoud", "faizan"].some((v) => a.text.includes(v))) {
    return a;
  }

if you like regular expression, do this way

if(a.text.match(/(mahmoud|faizan)/)){
    return a
  }

answered Mar 18, 2022 at 13:08

Shankar Nanda

1475 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to filter json data with multiple includes values

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related