Find an object and its properties within a larger object with javascript/jquery

Question

family = {
  'person1':[{"id":"1111","name":"adam", "sex":"male", "born":"USA"}],
  'person2':[{"id":"2222","name":"sarah", "sex":"female", "born":"Canada"}],
  'person3':[{"id":"3333","name":"adam", "sex":"male", "born":"USA"}]
};

Given the family object above, how do I extract all the properties (id, name, sex, born) of one of the person objects that have a specific id (or name) value? eg id=1111

So ideally I can get a new object personInQuestion that I can manipulate, where:

personInQuestion = {"id":"1111","name":"adam", "sex":"male", "born":"USA"}

gen_Eric · Accepted Answer · 2012-07-24 16:10:40Z

4

Loop through the object, and grab the element that matches.

var search = 1111;

var personInQuestion = {};
for(var x in family){
    var item = family[x][0];
    if(item.id == search){
        personInQuestion = item;
        break;
    }
}

answered Jul 24, 2012 at 16:10

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Comments

Renato Gama · Accepted Answer · 2012-07-24 16:11:20Z

0

I dont think jQuery is the best tool for this, instead I suggest you taking a look at the Where method that the Backbone library offers. Not sure if it would be overkill.

Usage is like this:

var friends = new Backbone.Collection([
  {name: "Athos",      job: "Musketeer"},
  {name: "Porthos",    job: "Musketeer"},
  {name: "Aramis",     job: "Musketeer"},
  {name: "d'Artagnan", job: "Guard"},
]);

var musketeers = friends.where({job: "Musketeer"});

alert(musketeers.length);

answered Jul 24, 2012 at 16:11

Renato Gama

16.6k12 gold badges64 silver badges98 bronze badges

1 Comment

Rob Hruska Over a year ago

I would say that integrating Backbone for this would probably be overkill since Backbone is more of a framework. Using a more utility-oriented library like Underscore may be more appropriate.

Justin Ethier · Accepted Answer · 2012-07-24 16:12:31Z

0

jQuery does not provide selectors for JSON (JavaScript Object) data, so you would need to iterate over the object. For example:

result =  null;
$.each(family, function(i, v) {
  if (v.id === "1111" && v.name === "adam" ...) {
    result = v;
    return;
  }
});

answered Jul 24, 2012 at 16:12

Justin Ethier

135k53 gold badges235 silver badges290 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:13:18Z

0

Here's an example of Rob Hruska's suggestion(in a comment) to use Underscore.

family = {
  'person1':[{"id":"1111","name":"adam", "sex":"male", "born":"USA"}],
  'person2':[{"id":"2222","name":"sarah", "sex":"female", "born":"Canada"}],
  'person3':[{"id":"3333","name":"adam", "sex":"male", "born":"USA"}]
};

var searchId = 1111;

var person = _.find(family, function(item) { return item[0].id == searchId; })[0];

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jul 25, 2012 at 1:57

Alexander Schimpf

2,3921 gold badge24 silver badges39 bronze badges

Collectives™ on Stack Overflow

Find an object and its properties within a larger object with javascript/jquery

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related