JSFiddle - React, Tailwind, and code Playground

by soumya gangamwar

JavaScript

const data1 = [
{
  "name": "soumya",
  "id": 1,
  "des": "SE",
  "city": "Hyd"
},
{
  "name": "Navya",
  "id": 2,
  "des": "CA",
  "city": "Mumbai"
},
{
  "name": "Mounika",
  "id": 3,
  "des": "HR",
  "city": "Bangloor"
},
{
  "name": "Soumya",
  "id": 4,
  "des": "SE",
  "city": "chennai"
},
]

const filterColumns = ["name", "city"]

const filterData = (searchString)=> {
      const orignal_arr_clone = [...data1];
     let filterData = [];
      filterColumns.forEach(column=> {
      		orignal_arr_clone.reduce((prev,obj)=>       {
      console.log(prev, 'prev')
      //console.log(obj, 'obj')
     if(obj[column].toLowerCase() === searchString.toLowerCase())       {
        
        prev ? prev.push(obj): prev;
        	return prev;
        }
      }, [])
      })
			return filterData;
     
}

console.log(filterData("soumya"), "filter by name")
console.log(filterData("hyd"), 'filter by city')