How to filter array when object key value is in array

Question

I have an array model as below  records         quot empid quot  1       quot fname quot    quot X quot        quot lname quot    quot Y quot            quot empid quot  2       quot fname quot    quot A quot        quot lname quot    quot Y quot            quot empid quot  3       quot fname quot    quot B quot        quot lname quot    quot Y quot            quot empid quot  4       quot fname quot    quot C quot        quot lname quot    quot Y quot            quot empid quot  5       quot fname quot    quot C quot        quot lname quot    quot Y quot       Now I have an array of empid s  1 4 5   So now I need to filter the first array which contains all the keys in my second  Output  records         quot empid quot  1       quot fname quot    quot X quot        quot lname quot    quot Y quot            quot empid quot  4       quot fname quot    quot C quot        quot lname quot    quot Y quot            quot empid quot  5       quot fname quot    quot C quot        quot lname quot    quot Y quot       I can do this using a forEach loop in angular but as I have more than 100 records in my model object   I need a suggestion on how to handle this in much better way  I am thinking of creating a custom filter  but what is your take on it  If yes please provide sample code to achieve this

User · Accepted Answer

You can do it with Array prototype filter     var data     records       empid   1   fname    X    lname    Y        empid   2   fname    A    lname    Y        empid   3   fname    B    lname    Y        empid   4   fname    C    lname    Y        empid   5   fname    C    lname    Y       var empIds    1 4 5  var filteredArray   data records filter function itm     return empIds indexOf itm empid   gt  -1       filteredArray     records   filteredArray      If  the  callBack  returns a  true  value  then the  itm  passed to that particular callBack will be filtered out  You can read more about it here

User · Answer

In case you have key value pairs in your input array  I used    filter            this multi items 0     null  amp  amp  store state isSearchBox     false               item   gt                    map this multi items   value   includes item  wijknaam                  item   gt  item  wijknaam   includes                  where the input array is multi items as     text    bla1    value    green      text   etc  etc       map is a lodash function

User · Answer

Fastest way  will take extra memory    var empid  1 4 5  var records       empid   1   fname    X    lname    Y        empid   2   fname    A    lname    Y        empid   3   fname    B    lname    Y        empid   4   fname    C    lname    Y        empid   5   fname    C    lname    Y        var empIdObj      empid forEach function element    empIdObj element  true       var filteredArray      records forEach function element    if empIdObj element empid       filteredArray push element

User · Answer

In 2019 using ES6    x000D   x000D  const ids    1  4  5   x000D    data     x000D      records     x000D         empid   1  x000D         fname    X   x000D         lname    Y  x000D           x000D         empid   2  x000D         fname    A   x000D         lname    Y  x000D           x000D         empid   3  x000D         fname    B   x000D         lname    Y  x000D           x000D         empid   4  x000D         fname    C   x000D         lname    Y  x000D           x000D         empid   5  x000D         fname    C   x000D         lname    Y  x000D         x000D       x000D   x000D   x000D  data records   data records filter  i   gt  ids includes  i empid      x000D   x000D  console info  data    x000D   x000D   x000D

User · Answer

You can use Array filter function and additional array for storing sorted values   var recordsSorted       ids forEach function e        recordsSorted push records filter function o            return o empid     e                console log recordsSorted     Result         empid  1  fname   X   lname   Y             empid  4  fname   C   lname   Y             empid  5  fname   C   lname   Y

User · Answer

Old way of doing it  Many might hate this way of doing but i still many time find this is still better in my perspective  Input  var records           quot empid quot  1       quot fname quot    quot X quot        quot lname quot    quot Y quot            quot empid quot  2       quot fname quot    quot A quot        quot lname quot    quot Y quot            quot empid quot  3       quot fname quot    quot B quot        quot lname quot    quot Y quot            quot empid quot  4       quot fname quot    quot C quot        quot lname quot    quot Y quot            quot empid quot  5       quot fname quot    quot C quot        quot lname quot    quot Y quot       var newArr    1 4 5    Code  var newObj       for var a   0   a  lt  records length   a      if newArr indexOf records a  empid   gt  -1     newObj push records a          The indexOf   method returns the first index at which a given element can be found in the array  or -1 if it is not present  Reference - https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Array indexOf Output          quot empid quot   1       quot fname quot    quot X quot        quot lname quot    quot Y quot            quot empid quot   4       quot fname quot    quot C quot        quot lname quot    quot Y quot            quot empid quot   5       quot fname quot    quot C quot        quot lname quot    quot Y quot

User · Answer

This is a fast solution with a temporary object    x000D   x000D  var records       empid   1   fname    X    lname    Y        empid   2   fname    A    lname    Y        empid   3   fname    B    lname    Y        empid   4   fname    C    lname    Y        empid   5   fname    C    lname    Y      x000D      empid    1  4  5   x000D      object       x000D      result  x000D   x000D  records forEach function  a    x000D      object a empid    a  x000D      x000D   x000D  result   empid map function  a    x000D      return object a   x000D      x000D  document write   lt pre gt     JSON stringify result  0  4      lt  pre gt     x000D   x000D   x000D

[javascript] How to filter array when object key value is in array

Examples related to javascript

Examples related to angularjs

Examples related to angular-filters