Push nested Json Values with unknown path into Array in Javascript

Question

So I don't know why Im struggling with this. It seems like I should be able to use Lodash or something to do this I would think.

I have an object that looks like.

  { "fdjkafdajkfasfjkdaslj": {
      "-LMUD-2APhiSLkEtVbM": {
        "profileName": "bob",
            "profilePic": "www.profilepic.com",
            "score": 73,
            "teamName": "lzs"
        }
    }
  }

I will not know the first to keys in the structure. Example from above. "fdjkafdajkfasfjkdaslj" or "-LMUD-2APhiSLkEtVbM".

I really just need to push these key values into an array.

       "profileName": "bob",
        "profilePic": "www.profilepic.com",
        "score": 73,
        "teamName": "lzs"

What is the best way to accomplish this in javascript (im actually a React.js)? I was thinking Lodash maybe but haven't found anything yet? Most of my searches for retrieving nested Key/Value data in Json indicate you would need a path but I will not have the path in this scenario. I won't know the top 2 keys in this object. The only thing I have is this predicable object structure with 2 unknown keys before my key/value data.

I was missing a colon on that first key (typo). Besides that, it is valid Json I believe. — Puerto
– Puerto, Commented May 19, 2019 at 17:44

Zohaib Ijaz · Accepted Answer · 2019-05-19 16:59:16Z

2

If there will be only one key in object as in question sample then you can use Object.keys()

const data = [];

const obj = { "fdjkafdajkfasfjkdaslj" {
      "-LMUD-2APhiSLkEtVbM": {
        "profileName": "bob",
            "profilePic": "www.profilepic.com",
            "score": 73,
            "teamName": "lzs"
        }
    }
  };
  
  const outerObj = obj[Object.keys(obj)[0]];
  
  const item = outerObj[Object.keys(outerObj)[0]];
  
  data.push(item);

answered May 19, 2019 at 16:59

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

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

3 Comments

Puerto Over a year ago

This did work. Technically I just needed the const outerObj = obj[Object.keys(obj)[0]];. That got me the inner key\value {} I needed to push into my array. Also your code snippet fails. Maybe because the : is missing on the first key. I had a typo in my origin post. If you fix it I'll accept the answer. Thank you!

Zohaib Ijaz Over a year ago

I think my answer is correct according to your question. You got the idea how to get it done, that's matters the most.

Puerto Over a year ago

Your answer definitely got me a solution, I really appreciate!! I was thinking more about others that may come upon this post in the future. I'll accept the answer but if you add a colon to the "fdjkafdajkfasfjkdaslj": value your code will run. I left it out by accident in my origin post (a typo error on my part). Your code is fine, it just wont run without that colon i the json object. Thanks again!

Tom · Accepted Answer · 2019-05-19 16:59:37Z

1

I think you'll want to use Object.values.

const realData = Object.values( Object.values( weirdThing )[0] )[0]

yourArray.push(realData)

answered May 19, 2019 at 16:59

Tom

9,2087 gold badges56 silver badges85 bronze badges

1 Comment

Zohaib Ijaz Over a year ago

This is a better solution if IE support is not required.

Slai · Accepted Answer · 2019-05-19 17:55:30Z

0

For JSON string, it can be found during parsing :

var obj, json = '{"fdjkafdajkfasfjkdaslj":{"-LMUD-2APhiSLkEtVbM":{"profileName":"bob","profilePic":"www.profilepic.com","score":73,"teamName":"lzs"}}}'

JSON.parse(json, (k, v) => v.profileName ? obj = v : v)

console.log( obj )

answered May 19, 2019 at 17:55

Slai

23k5 gold badges49 silver badges55 bronze badges

Collectives™ on Stack Overflow

Push nested Json Values with unknown path into Array in Javascript

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related