live searching and filter using vanilla js

Community feedback

• 

  Dark-Lover•735

  @Dark-LoverPosted about 3 years ago

  u can use just one function, something like this:

  filterData(region,data){

  let newData= data.filter((element)=> element.region === region);

  return newData;

  }

  newData will contain only countries that passes the condition, in this case, only countries form that region will be returned.

  this is just a way of doing things. u may find a better way.

  0
• 

  Dark-Lover•735

  @Dark-LoverPosted about 3 years ago

  hey, nice try.. to fix that problem, try to refactor the filter function u have used. the best way is the take a copy of the array containing all countries data and try to filter them using the Js filter method Array.prototype.filter() so that it will return only countries that have region === to region clicked by the user. i hope that was helpful. keep coding :)

  0

  ---

  

  gearboz•360

  @kunsansangPosted about 3 years ago

  @Dark-Lover hey, very appreciate when you leave me an idea. If u already read my code you would have seen that I am actually using 3 arrays to contain the difference countries:

  1. validCountryArr: I copy all the country to this array and set it default to working with both searching and filtering. (My purpose is want this two function working together).
  2. invalidCountryArr: to contains invalid countries is spliced from 1st arr when searching.
  3. invalidCountryFilterArr: to contains invalid countries is spliced from 1st arr when filtering. I split invalid countries into 2 arr because it won't affect the other arr when I use 2 function the same time. What should I do with Filter as you advice. I don't get it. Feel free to folk my code in github. ✨✨

  0