javascript filter array of objects

Question

I have an array of objects and I m wondering the best way to search it  Given the below example how can I search for name    Joe  and age  lt  30  Is there anything jQuery can help with or do I have to brute force this search myself   var names   new Array     var object     name    Joe   age 20  email   joe hotmail com    names push object    object     name    Mike   age 50  email   mike hotmail com    names push object    object     name    Joe   age 45  email   mike hotmail com    names push object

User · Answer

For those who want to filter from an array of objects using any key     x000D   x000D  function filterItems items  searchVal    x000D    return items filter  item    gt  Object values item  includes searchVal    x000D    x000D  let data     x000D       name    apple    type    fruit    id   123234    x000D       name    cat    type    animal    id   98989    x000D       name    something    type    other    id   656565    x000D   x000D   x000D  console log  Filtered by name     filterItems data   apple     x000D  console log  Filtered by type     filterItems data   animal     x000D  console log  Filtered by id     filterItems data  656565    x000D   x000D   x000D    filter from an array of the JSON objects

User · Answer

You may use jQuery grep     var found names     grep names  function v        return v name      Joe   amp  amp  v age  lt  30        DEMO  http   jsfiddle net ejPV4

User · Answer

x000D   x000D  var names      x000D          name   Joe   x000D          age  20  x000D          email   joe hotmail com  x000D         x000D        x000D          name   Mike   x000D          age  50  x000D          email   mike hotmail com  x000D         x000D        x000D          name   Joe   x000D          age  45  x000D          email   mike hotmail com  x000D        x000D     x000D  const res     filter names   name    gt    x000D      return name name     Joe   amp  amp  name age  lt  30  x000D   x000D      x000D  console log res   x000D   lt script src  https   cdnjs cloudflare com ajax libs lodash js 4 17 5 lodash js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

The most straightforward and readable approach will be the usage of native javascript filter method   Native javaScript filter takes a declarative approach in filtering array elements  Since it is a method defined on Array prototype  it iterates on a provided array and invokes a callback on it  This callback  which acts as our filtering function  takes three parameters   element     the current item in the array being iterated over  index     the index or location of the current element in the array that is being iterated over  array     the original array that the filter method was applied on Let   s use this filter method in an example  Note that the filter can be applied on any sort of array  In this example  we are going to filter an array of objects based on an object property   An example of filtering an array of objects based on object properties could look something like this      Please do not hate me for bashing on pizza and burgers     and FYI  I totally made up the healthMetric param    let foods         type   pizza   healthMetric  25        type   burger   healthMetric  10        type   salad   healthMetric  60        type   apple   healthMetric  82      let isHealthy   food   gt  food healthMetric  gt   50   const result   foods filter isHealthy    console log result map food   gt  food type       Result    salad    apple     To learn more about filtering arrays in functions and yo build your own filtering  check out this article  https   medium com better-programming build-your-own-filter-e88ba0dcbfae

User · Answer

So quick question  What if you have two arrays of objects and you would like to  align  these object arrays so that you can make sure each array s objects are in the order as the other array s  What if you don t know what keys and values any of the objects inside of the arrays contains    Much less what order they re even in   So you need a  WildCard Expression  for your    filter     map  etc  How do you get a wild card expression   var jux    function         use strict        function wildExp obj           var keysCrude   Object keys obj               keysA     a      keysCrude join      a             split                    keysB     b      keysCrude join      b             split                    keys      concat keysA  keysB                   sort function a  b    return a substring 1  a length   gt  b substring 1  b length               var exp   keys join     split   b   join     gt  b   split   a   join       a            return exp             return           sort  wildExp                var sortKeys         k   v       key   val       n   p       name   param     var objArray                   k   z           key   g           n   a           name   b                       k   y           key   h           n   b           name   t                       k   x           key   o           n   a           name   c           var exp   jux sort sortKeys    console log   juxSort Expression    exp   console log   juxSort    objArray sort function a  b       return eval exp          You can also use this function over an iteration for each object to create a better collective expression for all of the keys in each of your objects  and then filter your array that way   This is a small snippet from the API Juxtapose which I have almost complete  which does this  object equality with exemptions  object unities  and array condensation  If these are things you need or want for your project please comment and I ll make the lib accessible sooner than later   Hope this helps  Happy coding

User · Answer

x000D   x000D  var nameList     x000D   name  x   age 20  email  x email com    x000D   name  y   age 60  email  y email com    x000D   name  Joe   age 22  email  joe email com    x000D   name  Abc   age 40  email  abc email com   x000D     x000D   x000D  var filteredValue   nameList filter function  item    x000D        return item name     Joe   amp  amp  item age  lt  30  x000D      x000D   x000D    To See Output Result as Array x000D  console log JSON stringify filteredValue    x000D   x000D   x000D    You can simply use javascript

User · Answer

You can do this very easily with the    filter method   var filterednames   names filter function obj        return  obj name      Joe    amp  amp   obj age  lt  30         You will need to add a shim for browsers that don t support the    filter method  this MDN page gives such code

User · Answer

You could utilize jQuery filter   function to return elements from a subset of the matching elements    x000D   x000D  var names     x000D        name    Joe   age 20  email   joe hotmail com    x000D        name    Mike   age 50  email   mike hotmail com    x000D        name    Joe   age 45  email   mike hotmail com   x000D        x000D      x000D      x000D  var filteredNames     names  filter function  idx     x000D      return names idx  name      Joe   amp  amp  names idx  age  lt  30  x000D       x000D   x000D    filteredNames  each function    x000D           output   append this name   x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt div id  output   gt  x000D   x000D   x000D

[javascript] javascript filter array of objects

Examples related to javascript

Examples related to jquery

Examples related to arrays