How to find child object with property value using Underscorejs and jQuery?

Question

Take the following data:

object {
   name: 'foo'
   children: [
      {
         'name': 'cat'
         'color': 'green'
      },
      {
         'name': 'dog'
         'color': 'blue'
      },
      {
         'name': 'bird'
         'color': 'red'
      }
   ]
}

How can I use Underscorejs, jQuery and JavaScript to find and select the child where name=dog? I tried using _.findWhere(objectdata.children,{name:'dog'}), but that didn't seem to work either.

Deep · Accepted Answer · 2016-12-20 13:03:45Z

1

In JQuery you can use filter to get the child object.

var obj = {
   name: 'foo',
   children: [
      {
         'name': 'cat',
         'color': 'green'
      },
      {
         'name': 'dog',
         'color': 'blue'
      },
      {
         'name': 'bird',
         'color': 'red'
      }
   ]
};

console.log(obj.children.filter(function(e){return e.name == "dog";})[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Dec 20, 2016 at 13:03

Deep

9,7962 gold badges24 silver badges34 bronze badges

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

Comments

halfer · Accepted Answer · 2018-12-24 17:06:27Z

1

With Underscore.js you could simply use a filter function such as:

var child = _.filter(object.children, obj => obj.name === 'dog');

You don't need jQuery for that.

edited Dec 24, 2018 at 17:06

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered Dec 20, 2016 at 13:02

user7321052

Collectives™ on Stack Overflow

How to find child object with property value using Underscorejs and jQuery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related