JS search in object values

Question

I have an array of homogeneous objects like so              foo     bar        bar     sit                foo     lorem        bar     ipsum                foo     dolor        bar     amet          I d like to search these objects  values  not keys  with a keyword  and return an array of objects that contain the keyword in any of the values   So for example  with a keyword r  I would get all the objects   baR  in object  1   loRem  in object  2 and  doloR  in object  3   With a keyword lo  I would get objects 2 and 3   LOrem  and  doLOr    with a  I d get objects 1 and 3    bAr  and  Amet    With the keyword foo however  I would get an empty array  since  foo  is a key  and isn t found in any of the values  unlike  bar      you get the idea   How would I go about doing this  Thanks a lot in advance

User · Answer

You can use the  filter method of lodash  return  filter  item    gt  item name includes  quot fo quot   tempObjectHolder

User · Answer

This is a proposal which uses the key if given  or all properties of the object for searching a value    x000D   x000D  function filter array  value  key    x000D      return array filter key x000D            a   gt  a key      value x000D            a   gt  Object keys a  some k   gt  a k      value  x000D         x000D    x000D   x000D  var a      name   xyz   grade   x       name   yaya   grade   x       name   x   frade   d       name   a   grade   b      x000D   x000D   x000D  console log filter a   x     x000D  console log filter a   x    name     x000D   as-console-wrapper   max-height  100   important  top  0    x000D   x000D   x000D

User · Answer

Although a bit late  but a more compact version may be the following          param  string  quickCriteria Any string value to search for in the object properties     param  any    objectArray The array of objects as the search domain    return  any    the search result    onQuickSearchChangeHandler quickCriteria  objectArray       let quickResult   objectArray filter obj   gt  Object values obj  some val   gt  val val toString   toLowerCase   includes quickCriteria  false        return quickResult      It can handle falsy values like false  undefined  null and all the data types that define  toString   method like number  boolean etc

User · Answer

var search subject  objects         var matches           var regexp   new RegExp subject   g         for  var i   0  i  lt  objects length  i              for  key in objects i                 if  objects i  key  match regexp   matches push objects i  key                        return matches      var items              foo     bar        bar     sit                foo     lorem        bar     ipsum                foo     dolor        bar     amet          search  r   items           bar    lorem    dolor

User · Answer

I have created this easy to use library that does exactly what you are looking for  ss-search  import   search   from  ss-search   const data                 foo     bar           bar     sit                   foo     lorem           bar     ipsum                   foo     dolor           bar     amet        const searchKeys     foor    bar    const searchText    dolor   const results   search data  keys  searchText     results      foo    dolor    bar    amet

User · Answer

MAKE SIMPLE const objects                  quot foo quot     quot bar quot         quot bar quot     quot sit quot         quot date quot   quot 2020-12-20 quot                       quot foo quot     quot lorem quot         quot bar quot     quot ipsum quot         quot date quot   quot 2018-07-02 quot                       quot foo quot     quot dolor quot         quot bar quot     quot amet quot         quot date quot   quot 2003-10-08 quot                       quot foo quot     quot lolor quot         quot bar quot     quot amet quot         quot date quot   quot 2003-10-08 quot                                        const filter   objects filter item   gt         const obj   Object values item       return obj join  quot  quot   indexOf  2003       -1                    console log filter

User · Answer

The search function will return all objects which contain a value which has contains the search query   x000D   x000D  function search arr  s   x000D      var matches       i  key  x000D       x000D      for  i   arr length  i--    x000D          for  key in arr i    x000D              if  arr i  hasOwnProperty key   amp  amp  arr i  key  indexOf s   gt  -1   x000D                  matches push  arr i          lt -- This can be changed to anything x000D   x000D      return matches  x000D     x000D   x000D     dummy data x000D  var items     x000D          x000D           foo     bar   x000D           bar     sit  x000D           x000D          x000D           foo     lorem   x000D           bar     ipsum  x000D           x000D          x000D           foo     dolor   x000D           bar     amet  x000D          x000D     x000D       x000D  var result   search items   lo       search  items  for a query value x000D  console log result      print the result x000D   x000D   x000D

User · Answer

As a Javascripter Lv  1 I just learned to search for strings in objects with this   function isThere  a string  in this object         if  typeof a string     string                  return false             for  var key in in this object                 if  typeof in this object key      object     typeof in this object key      array                          if   isThere  a string  in this object key                                    return true                                  else if  typeof in this object key      string                          if  a string    in this object key                                  return true                                     return false      I know is far from perfect but it is useful   Feel free to comment in order to improve this

User · Answer

You can use this javascript lib  DefiantJS  http   defiantjs com   with which you can filter matches using XPath on JSON structures  To put it in JS code       var data               foo    bar      bar    sit               foo    lorem    bar    ipsum               foo    dolor    bar    amet               res1   JSON search  data       contains name     r               res2   JSON search  data       contains     lo            res1            foo    bar      bar    sit            foo    lorem    bar    ipsum            foo    dolor    bar    amet             res2            foo    lorem    bar    ipsum            foo    dolor    bar    amet           Here is a working fiddle  http   jsfiddle net hbi99 2kHDZ   DefiantJS extends the global object with the method  search  and returns an array with matches  empty array if no matches were found   You can try out the lib and XPath queries using the XPath Evaluator here   http   www defiantjs com  xpath evaluator

User · Answer

I ve found a way  that you can search in nested object like everything search   for example list of student that have nested lesson object    x000D   x000D  var students   name  ali  family  romandeh  age 18 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D         x000D      name  hadi  family  porkar  age 48 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D         x000D      name  majid  family  porkar  age 30 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D        x000D        x000D     x000D      function searchInChild objects  toSearch   x000D          var  finded false  x000D          for var i 0  i lt objects length  i      x000D              for key in objects i     x000D                  if objects i  key   null  amp  amp  typeof objects i  key      boolean   amp  amp  typeof objects i  key      number    x000D                      if  typeof objects i  key      object     x000D                           finded  searchInChild objects i  key  toSearch   x000D   x000D                        x000D                      else if objects i  key  indexOf toSearch   -1    x000D                           finded true  x000D                        x000D                    x000D                x000D            x000D          return  finded  x000D        x000D      function findNested objects  toSearch    x000D          var  results     x000D          for var i 0  i lt objects length  i      x000D              for key in objects i     x000D                  if objects i  key   null  amp  amp  typeof objects i  key      boolean   amp  amp  typeof objects i  key      number    x000D                      if  typeof objects i  key      object     x000D                          if searchInChild objects i  key  toSearch    x000D                               results push objects i    x000D                            x000D                        x000D                      else if objects i  key  indexOf toSearch   -1    x000D                           results push objects i    x000D                        x000D                    x000D                x000D            x000D   x000D          return  results  x000D   x000D        x000D          quickSearch   on  click  function    x000D            var  inputSeach     evertingSearch   val    x000D            if  inputSeach       x000D            var  finded findNested students  inputSeach   x000D                count   html  finded length    x000D       x000D          x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt html gt  x000D   lt head gt  x000D   lt  head gt  x000D   lt body gt  x000D   lt span gt  x000D   lt pre gt  lt code gt  x000D         var students   name  ali  family  romandeh  age 18 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D         x000D      name  hadi  family  porkar  age 48 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D         x000D      name  majid  family  rezaeiye  age 30 curse   x000D      lesson1  arabic    x000D      lesson2  english    x000D      lesson3  history   x000D        x000D        x000D   lt  code gt  lt  pre gt  x000D   x000D   lt span gt  x000D   x000D   lt input id  evertingSearch  placeholder  Search on students    gt  x000D   lt input type  button  class  quickSearch  value  search    gt  x000D   lt lable gt count  lt  lable gt  lt span class  count  gt  lt  span gt  x000D   x000D   x000D   lt  body gt  x000D   x000D   x000D   x000D   lt  html gt  x000D   x000D   x000D

User · Answer

Below shared for specific given property  searchContent function s  arr propertyName               var matches                   var propertyNameString this propertyNameToStr propertyName               for  var i   arr length  i--                     if     Object getOwnPropertyDescriptor arr i   propertyNameString  value  indexOf s   gt  -1                      matches push arr i                              return matches                 propertyNameToStr  function  propertyFunction                return                s      exec propertyFunction toString    1             usage as below  result  localStorage searchContent cabNo appDataObj getAll   function     dummy cabDriverName

User · Answer

Came across this problem today and using a modified version of the provided code by epascarello in this thread did the trick  because that version had trouble when the object contained some values others than strings  like a number of booleans for example   console log  find     findIn arrayOfObjects  searchKey     const findIn    arr  searchKey    gt     return arr filter obj   gt     Object keys obj  some key   gt       if  typeof obj key       string         return obj key  includes searchKey

User · Answer

Something like this   var objects              foo     bar        bar     sit                foo     lorem        bar     ipsum                foo     dolor        bar     amet          var results        var toSearch    lo    for var i 0  i lt objects length  i        for key in objects i         if objects i  key  indexOf toSearch   -1          results push objects i                  The results array will contain all matched objects   If you search for  lo   the result will be like      foo  lorem   bar  ipsum      foo  dolor   bar  amet      NEW VERSION - Added trim code  code to ensure no duplicates in result set   function trimString s      var l 0  r s length -1    while l  lt  s length  amp  amp  s l          l      while r  gt  l  amp  amp  s r          r- 1    return s substring l  r 1      function compareObjects o1  o2      var k         for k in o1  if o1 k     o2 k   return false    for k in o2  if o1 k     o2 k   return false    return true     function itemExists haystack  needle      for var i 0  i lt haystack length  i    if compareObjects haystack i   needle   return true    return false     var objects              foo     bar        bar     sit                foo     lorem        bar     ipsum                foo     dolor blor        bar     amet blo          function searchFor toSearch      var results         toSearch   trimString toSearch      trim it   for var i 0  i lt objects length  i          for var key in objects i           if objects i  key  indexOf toSearch   -1            if  itemExists results  objects i    results push objects i                        return results     console log searchFor  lo

User · Answer

Modern Javascript  const objects                    quot foo quot     quot bar quot            quot bar quot     quot sit quot                        quot foo quot     quot lorem quot            quot bar quot     quot ipsum quot                        quot foo quot     quot dolor blor quot            quot bar quot     quot amet blo quot            const keyword    o    const results   objects filter object   gt  Object values object  some i   gt  i includes keyword     console log results       results    foo   lorem   bar   ipsum      foo   dolor blor   bar   amet blo

User · Answer

search searchText      let arrayOfMatchedObjects   arrayOfAllObjects filter object   gt        return JSON stringify object         toString          toLowerCase          includes searchText           return arrayOfMatchedObjects      This could be very simple  easy  fast and understandable Search function for some of you just like me

User · Answer

Just another variation using ES6  this is what I use     searched keywords     const searchedWord    quot My searched exp quot       array of objects let posts                   text field   quot lorem ipsum doleri imet quot            id   quot 89789UFJHDKJEH98JDKFD98 quot                        text field   quot ipsum doleri imet quot            id   quot JH738H3JKJKHJK93IOHLKL quot               search results will be pushed here let matches           regular exp for searching let regexp   new RegExp searchedWord   g        looping through posts to find the word posts forEach  post    gt        if  post  quot text field quot   match regexp   matches push post

User · Answer

Here is the answer in 100  PURE JavaScript    lt html gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset UTF-8    gt   lt title gt  lt  title gt   lt script type  text javascript  gt   var mySet                foo     bar        bar     sit                    foo     lorem        bar     ipsum                    foo     dolor        bar     amet            function queryObject needle  set       var results   new Array        for index 0 index lt set length index             for key in set index                if set index  key  indexOf needle   gt  -1                   results push set index                                       if results length           return JSON stringify results        else          return  No match              lt  script gt   lt  head gt   lt body gt   lt form gt       lt input type  text  id  prompt  onFocus  this value      value  Type your query HERE  size  20  onKeyDown  document getElementById  submit   disabled   false   gt       lt input id  submit  type  button  value  Find in Object  onClick  var prompt document getElementById  prompt    if prompt value  document getElementById  output   innerHTML   queryObject prompt value  mySet   else prompt value  Type your query HERE     disabled  disabled  gt       lt div id  output  gt  lt  div gt   lt  form gt   lt  body gt   lt  html gt    There are  of course  more fancy ways to traverse your object using JQuery  but this is the basic concept   Cheers    EDIT  Sorry  I didn t read your question carefully enough  and modified the code to return an array of objects as you requested

User · Answer

I needed to perform a search on a large object and return the addresses of the matches  not just the matched values themselves   This function searches an object for a string  or alternatively  uses a callback function to perform custom logic  and keeps track of where the value was found within the object  It also avoids circular references    x000D   x000D    Search function x000D  var locateInObject   function obj  key  find  result  currentLocation   x000D    if obj     null  return  x000D    result   result   done    found      x000D    if typeof obj     object    x000D      result done push obj   x000D      x000D    currentLocation   currentLocation  key  x000D    var keys   Object keys obj   x000D    for var k 0  k lt keys length    k   x000D      var done   false  x000D      for var d 0  d lt result done length    d   x000D        if result done d      obj keys k     x000D          done   true  x000D          break  x000D          x000D        x000D      if  done   x000D        var location   currentLocation     keys k   x000D        if typeof obj keys k       object    x000D          locateInObject obj keys k    keys k   find  result  location  x000D         else if  typeof find     string   amp  amp  obj keys k   toString   indexOf find   gt  -1      typeof find     function   amp  amp  find obj keys k    keys k      x000D          result found location    obj keys k    x000D          x000D        x000D      x000D    return result found  x000D    x000D   x000D    Test data x000D  var test     x000D    key1    x000D      keyA  123  x000D      keyB   string  x000D       x000D    key2    x000D      keyC    x000D          x000D          keyI   string123   x000D          keyII  2 3 x000D           x000D         string  x000D         x000D      keyD  null x000D       x000D    key3    x000D      1  x000D      2  x000D      123  x000D       testString  x000D       x000D    key4   123string  x000D    x000D    Add a circular reference x000D  test key5   test  x000D   x000D    Tests x000D  console log locateInObject test   test    string    x000D  console log locateInObject test   test    123    x000D  console log locateInObject test   test   function val  key   return key match  key d    amp  amp  val indexOf  string    gt  -1    x000D   x000D   x000D

User · Answer

This is a cool solution that works perfectly  const array      title   tile hgfgfgfh     title   Wise cool     title   titlr DEytfd ftgftgfgtgtf gtftftft     title   This is the title     title   yeah this is cool     title   tile hfyf     title   tile ehey      var item   array filter item  gt item title toLowerCase   includes  this       alert JSON stringify item     EDITED   x000D   x000D  const array      title   tile hgfgfgfh     title   Wise cool     title   titlr DEytfd ftgftgfgtgtf gtftftft     title   This is the title     title   yeah this is cool     title   tile hfyf     title   tile ehey     x000D   x000D   x000D     array filter loops through your array and create a new array returned as Boolean value given out  true  from eachIndex item  function  x000D   x000D  var item   array filter  item   gt eachIndex item    x000D   x000D    var item   array filter    x000D   x000D   x000D   x000D  function eachIndex e   x000D  console log  Looping each index element    e  x000D  return e title toLowerCase   includes  this  toLowerCase    x000D    x000D   x000D  console log  New created array that returns   true   value by eachIndex    item  x000D   x000D   x000D

User · Answer

All the other old answers use a for in loop  modern JavaScript has Object keys  Combine that with some  includes  and filter and it is a bit nicer     x000D   x000D  var a      x000D    name   xyz   x000D    grade   x  x000D       x000D    name   yaya   x000D    grade   x  x000D       x000D    name   x   x000D    frade   d  x000D       x000D    name   a   x000D    grade   b  x000D      x000D   x000D  function filterIt arr  searchKey    x000D    return arr filter function obj    x000D      return Object keys obj  some function key    x000D        return obj key  includes searchKey   x000D         x000D        x000D    x000D   x000D  console log  find  x    filterIt a  x     x000D  console log  find  a    filterIt a  a     x000D  console log  find  z    filterIt a  z     x000D   x000D   x000D    Or with ES6  function filterIt arr  searchKey      return arr filter obj   gt  Object keys obj  some key   gt  obj key  includes searchKey

[javascript] JS search in object values

Examples related to javascript

Examples related to json

Examples related to search