Get Specific JSON Object by ID from array and return the JSON object (Javascript/JQuery)

Question

I am trying to pull a specific JSON object from an array of objects using JavaScript. Here is my JSON:

"Awards": [
   {
     "Award1": {
        "title": "Award1 Title",
        "recipient": "John Doe",
        "description": "Blah Blah Blah"
     }
   },
   {
     "Award2": {
        "title": "Award2 Title",
        "recipient": "Tom White",
        "description": "Blah Blah Blah"
     }
   },
   {
      "Award3": {
         "title": "Award3 Title",
         "recipient": "Will Biggs",
         "description": "Blah Blah Blah"
      }
   }
]

What I want to be able to do is create a function that takes in the data and an id, finds the object in the array and returns the object as a whole. For example if I search for Award1, I want it to return:

var obj = {
 "title": "Award1 Title",
 "recipient": "John Doe",
 "description": "Blah Blah Blah"
}

So then I could access the data like so:

obj.recipient // Which would return John Doe

Ideas?

user120242 · Accepted Answer · 2020-06-01 08:51:32Z

2

Finds the first object that contains the property key=Award1 and returns it.

const findKey = (list, key)=>(list.find(obj=>obj[key])||{})[key]

data = {
"Awards": [
   {
     "Award1": {
        "title": "Award1 Title",
        "recipient": "John Doe",
        "description": "Blah Blah Blah"
     }
   },
   {
     "Award2": {
        "title": "Award2 Title",
        "recipient": "Tom White",
        "description": "Blah Blah Blah"
     }
   },
   {
      "Award3": {
         "title": "Award3 Title",
         "recipient": "Will Biggs",
         "description": "Blah Blah Blah"
      }
   }
]
}

console.log(data.Awards.find(obj=>obj["Award1"]))

let key = "Award1"
console.log(data.Awards.find(obj=>obj[key])[key].title)

console.log(
findKey(data.Awards,'Award1')
)

console.log(
findKey(data.Awards,'Award2')
)

console.log(
findKey(data.Awards,'Award3')
)

edited Jun 1, 2020 at 8:51

answered May 30, 2020 at 9:44

user120242

15.3k3 gold badges43 silver badges53 bronze badges

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

2 Comments

MDBerry Over a year ago

This answer is close, the issue is that once its extracted, it is an object within and object. thus I cant say for example: obj.title, because it it would be looking for an field called title, but there is only one field in the object and that is the id of another object. (Something like obj.[key].title doesn't exist, at least to my knowledge)

user120242 Over a year ago

obj[key].title or Object.values(obj)[0].title or obj[Object.keys(obj)[0]].title

Carsten Massmann · Accepted Answer · 2020-05-30 09:50:07Z

1

This should do the trick:

var obj=Awards['Award1'];

But keep in mind that this will only be a referenced copy, i. e. changes to obj will also happen to the original Awards object.

There is not really a need to create a function for it, but of course, you can do that too:

function getObj(parent,key){
  return parent[key];
}

var obj=getObj (Awards,'Award1');

edited May 30, 2020 at 9:50

answered May 30, 2020 at 9:42

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Collectives™ on Stack Overflow

Get Specific JSON Object by ID from array and return the JSON object (Javascript/JQuery)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related