AngularJS / Javascript: Find a string match in a nested object

Question

I have a complex object (a user object) that has nested arrays and nested objects within it.

I have a search filter that is relatively complicated as well (checkboxes determining which items are returned, along with a search input).

Currently I search in an object like so:

for(var key in item){
  if(item[key] && item[key].length && String(item[key]).toLowerCase().indexOf($rootScope.filt.searchFilter.toLowerCase()) !== -1){
    realSave = true; 
  }
}

However, this only works for the first layer of objects within an item; I need to also search for objects within objects.

How can i do this? Is this a simpler way than the above? (Note, I can't just use ng-repeat="item in items | searchFilter" as this needs to also parse checkboxes and return values accordingly.

Jeremy Thille · Accepted Answer · 2016-06-09 12:27:14Z

1

Try

realSave = (JSON.stringify(item).indexOf($rootScope.filt.searchFilter.toLowerCase()) !== -1)

(It's a long line, scroll to the right)

It will transform your whole object into a single string, then you can search for the sub-string you're looking for anywhere inside it.

edited Jun 9, 2016 at 12:27

answered Jun 9, 2016 at 12:26

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JVG Over a year ago

Really? I tried searching how to convert an whole object to a string and got a whole lot of unhelpful answers. Thanks!

Jeremy Thille Over a year ago

No worries! Please don't forget to validate my answer if it solved your issue.

Petr Averyanov Over a year ago

Too much limitations in this approach like special symbols and searching in field names, not values.

Petr Averyanov · Accepted Answer · 2016-06-09 12:43:24Z

0

You can use angular filter like this:

app.controller('MainCtrl', function($scope, $filter) {
  $scope.a = [{name : 'pit'}, {name : {a : 'pit'}}, {name : { a : { b : 'pit'}}}];
  $scope.find = $filter('filter')($scope.a, 'pit');
});

http://plnkr.co/edit/TenLILkXJ0zwqMVtAj35?p=preview

answered Jun 9, 2016 at 12:43

Petr Averyanov

9,5963 gold badges25 silver badges41 bronze badges

Collectives™ on Stack Overflow

AngularJS / Javascript: Find a string match in a nested object

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related