How to filter object array based on attributes

Question

I have the following JavaScript array of real estate home objects   var json          homes                   home id    1                price    925                sqft    1100                num of beds    2                num of baths    2 0                             home id    2                price    1425                sqft    1900                num of beds    4                num of baths    2 5                              more homes                    var xmlhttp   eval       json         homes   xmlhttp homes    What I would like to do is be able to perform a filter on the object to return a subset of  home  objects   For example  I want to be able to filter based on  price  sqft  num of beds  and num of baths   How can I perform something in JavaScript like the pseudo-code below   var newArray   homes filter      price  lt   1000  amp       sqft  gt   500  amp       num of beds  gt  2  amp       num of baths  gt   2 5      Note  the syntax does not have to be exactly like above  This is just an example

User · Answer

advance code for the search for all attributes of the object in arrays b      yourArray forEach x   gt          Object keys x  forEach i   gt   if  x i  match  5    amp  amp   b filter y   gt  y     x  length    b push x              console log b

User · Answer

You can try using framework like jLinq - following is a code sample of using jLinq  var results   jLinq from data users   startsWith  first    a    orEndsWith  y    orderBy  admin    age    select      For more information you can follow the link http   www hugoware net projects jlinq

User · Answer

You could do this pretty easily - there are probably many implementations you can choose from  but this is my basic idea  and there is probably some format where you can iterate over an object with jQuery  I just cant think of it right now    function filter collection  predicate        var result   new Array        var length   collection length       for var j   0  j  lt  length  j                  if predicate collection j      true                         result push collection j                         return result      And then you could invoke this function like so   filter json  function element        if element price  lt   1000  amp  amp  element sqft  gt   500  amp  amp  element num of beds  gt  2  amp  amp  element num of baths  gt  2 5          return true       return false        This way  you can invoke the filter based on whatever predicate you define  or even filter multiple times using smaller filters

User · Answer

Or you can simply use   each  which also works for objects  not only arrays  and build a new array like so   var json          homes                   home id    1                price    925                sqft    1100                num of beds    2                num of baths    2 0                             home id    2                price    1425                sqft    1900                num of beds    4                num of baths    2 5                              more homes                                  home id    3-will-be-matched                price    925                sqft    1000                num of beds    2                num of baths    2 5                       var homes         each json homes  function        if  this price  lt   1000          amp  amp  this sqft  gt   500          amp  amp  this num of beds  gt   2          amp  amp  this num of baths  gt   2 5                 homes push this

User · Answer

const state contactList          name   jane       email   jane gmail com                  const fileredArray   state contactsList filter  contactItem    gt      const regex   new RegExp    action payload     gi      return contactItem nameProperty match regex          contactItem emailProperty match regex            contactList  all the contacts stored in state    action payload  whatever typed in search field

User · Answer

use filter  x000D   x000D  var json         homes                  home id    1                price    925                sqft    1100                num of beds    2                num of baths    2 0                             home id    2                price    1425                sqft    1900                num of beds    4                num of baths    2 5                                  let filter      json homes filter d   gt          d price  gt   1000  amp       d sqft  gt   500  amp       d num of beds  gt  2  amp       d num of baths  gt   2 5    console log filter  x000D   x000D   x000D

User · Answer

I prefer the Underscore framework  It suggests many useful operations with objects  Your task   var newArray   homes filter      price  lt   1000  amp       sqft  gt   500  amp      num of beds  gt  2  amp       num of baths  gt   2 5     can be overwriten like   var newArray     filter  homes  function home        return home price lt  1000  amp  amp  sqft gt  500  amp  amp  num of beds gt  2  amp  amp  num of baths gt  2 5        Hope it will be useful for you

User · Answer

You should check out OGX List which has built in filtering methods and extends the standard javascript array  and also grouping  sorting and finding   Here s a list of operators it supports for the filters    eq    Equal to  eqjson    For deep objects  JSON comparison  equal to  neq    Not equal to  in    Contains  nin    Doesn t contain  lt    Lesser than  lte    Lesser or equal to  gt    Greater than  gte    Greater or equal to  btw    Between  expects value to be array   from    to    substr    Substring mode  equal to  expects value to be array   from    to    niddle    regex    Regex match   You can use it this way    let list   new OGX List your array     list addFilter  price    btw   100  500     list addFilter  sqft    gte   500     let filtered list   list filter      Or even this way    let list   new OGX List your array     let filtered list   list get  price  btw  100 500    sqft  gte 500       Or as a one liner     let filtered list   new OGX List your array  get  price  btw  100 500    sqft  gte 500

User · Answer

here is the working fiddle which works fine in IE8 using jquery MAP function  http   jsfiddle net 533135 Cj4j7   json HOMES     map json HOMES  function val  key        if  Number val price   lt   1000              amp  amp  Number val sqft   gt   500              amp  amp  Number val num of beds   gt  2              amp  amp  Number val num of baths    gt   2 5          return val

User · Answer

You can implement a filter method yourself that meets your needs  here is how   function myfilter array  test       var passedTest          for  var i   0  i  lt  array length  i             if test  array i              passedTest push array i               return passedTest     var passedHomes   myfilter homes function currentHome        return   currentHome price  lt   1000   amp  amp   currentHome sqft  gt   500   amp  amp  currentHome num of beds  gt  2   amp  amp  currentHome num of baths  gt   2 5          Hope  it helps

User · Answer

You can use jQuery grep   since jQuery 1 0     grep homes  function  h      return h price  lt   1000      amp  amp  h sqft  gt   500      amp  amp  h num of beds  gt   2      amp  amp  h num of baths  gt   2 5

User · Answer

const x   JSON stringify data   const y    search text    const data   x filter res   gt            return JSON stringify res  toLocaleLowerCase    match x toLocaleLowerCase

User · Answer

I use my ruleOut function for filtering objects based on specific unwanted property values  I understand that in your example you would like to use conditions instead of values  but my answer is valid for the question title  so I d like to leave my method here   function ruleOut arr  filterObj  applyAllFilters true            return arr filter  row   gt                        for  var field in filterObj                var val   row field               if  val                                        if  applyAllFilters  amp  amp  filterObj field  indexOf val   gt  -1  return false                                  else if   applyAllFilters                                                return filterObj field  filter function filterValue                            return  val indexOf filterValue  gt -1                          length    0                                                                     return true              Say you have a list of actors like this   let actors        userName  Mary   job  star   language  Turkish       userName  John   job  actor   language  Turkish       userName  Takis   job  star   language  Greek       userName  Joe   job  star   language  Turkish       userName  Bill   job  star   language  Turkish        and you would like to find all actors that are rated as Holywood stars  their nationality should not be one of  English    Italian    Spanish    Greek   plus their name would not be one of  Mary    Joe   Bizzar example  I know  Anyway  with that set of conditions you would create the following object   let unwantedFieldsFilter       userName    Mary    Joe          job    actor         language    English    Italian    Spanish    Greek          OK  now if you ruleOut actors  unwantedFieldsFilter  you would only get        userName   Bill   job   star   language   Turkish      And Bill is your man  since his name is not one of  Mary    Joe   his nationality is not included in   English    Italian    Spanish    Greek   plus he is a Star    There is one option in my method  that is applyAllFilters and is true by default  If you would try to ruleOut with this param set as false  that would work as an  OR  filtering instead of  AND    Example  ruleOut actors   job   actor    language   Italian     false  would get you everyone that is not an actor or Italian        userName   Mary   job   star   language   Turkish       userName   Takis   job   star   language   Greek       userName   Joe   job   star   language   Turkish       userName   Bill   job   star   language   Turkish

User · Answer

You can use the Array prototype filter method   var newArray   homes filter function  el      return el price  lt   1000  amp  amp           el sqft  gt   500  amp  amp           el num of beds  gt  2  amp  amp           el num of baths  gt   2 5        Live Example    x000D   x000D  var obj     x000D       homes      x000D               home id    1   x000D               price    925   x000D               sqft    1100   x000D               num of beds    2   x000D               num of baths    2 0   x000D               x000D               home id    2   x000D               price    1425   x000D               sqft    1900   x000D               num of beds    4   x000D               num of baths    2 5   x000D             x000D                  more homes           x000D        x000D     x000D      Note that because  price  and such are given as strings in your object  x000D     the below relies on the fact that  lt   and  gt   with a string and number x000D     will coerce the string to a number before comparing   x000D  var newArray   obj homes filter function  el    x000D    return el price  lt   1000  amp  amp  x000D           el sqft  gt   500  amp  amp  x000D           el num of beds  gt   2  amp  amp  x000D           el num of baths  gt   1 5     Changed this so a home would match x000D      x000D  console log newArray   x000D   x000D   x000D    This method is part of the new ECMAScript 5th Edition standard  and can be found on almost all modern browsers   For IE  you can include the following method for compatibility   if   Array prototype filter      Array prototype filter   function fun     thisp          var len   this length  gt  gt  gt  0      if  typeof fun     function         throw new TypeError         var res           var thisp   arguments 1       for  var i   0  i  lt  len  i            if  i in this            var val   this i           if  fun call thisp  val  i  this             res push val                     return res

User · Answer

var filterHome   homes filter home   gt    return  home price  lt   999  amp  amp           home num of baths  gt   2 5  amp  amp           home num of beds  gt  2  amp  amp           home sqft  gt   998    console log filterHome     You can use this lambda function  More detail can be found here since we are filtering the data based on you have condition which return true or false and it will collect the data in different array so your actual array will be not modified     JGreig Please look into it

User · Answer

I m surprised no one has posted the one-line response   const filteredHomes   json homes filter x   gt  x price  lt   1000  amp  amp  x sqft  gt   500  amp  amp  x num of beds  gt  2  amp  amp  x num of baths  gt   2 5        and just so you can read it easier   const filteredHomes   json homes filter  x   gt     x price  lt   1000  amp  amp     x sqft  gt   500  amp  amp     x num of beds  gt  2  amp  amp     x num of baths  gt   2 5

[javascript] How to filter object array based on attributes?

Examples related to javascript