Get JSON Object Name - Javascript

Question

I have the following JSON object:

"StudentData": {
    "Name": "Mike",
    "Age": 25,
    "DateOfBirth": 9/25/1993,
    "IsMarried": false
}

I'm working on a Javascript function that will present a dialog box to a user with the above information inside of it, however I'd like the information to be preceded with the object's name (i.e. "StudentData").

Let's say I have this object stored within a variable in my function, and let's call it myStudent.

I stumbled upon a post on SE using Object.keys(myStudent)[0] to get property name of the first key within StudentData, but I'm looking to extract the name of the object itself.

How may I go about doing this?

Thank you :)

EDIT:

I'm looking to get StudentData string, not any of the keys contained within the StudentData object itself.

You simply use a dot like so: obj.StudentData.Name. This is of course assuming as Kevin B says below, that you've used JSON.parse and that it's valid json (the stuff you posted is not valid json - you're missing starting brackets and DateOfBirth isn't a string). — h2ooooooo
– h2ooooooo, Commented Mar 1, 2018 at 16:42
That isn't an object, and StudentData once the json is converted to an object isn't in any way related to the object that it contains. — user400654
– user400654, Commented Mar 1, 2018 at 16:42
How is that data being stored? The "object" you are talking about does not really have a "name." It is likely just the value in an object associated with a key of "StudentData". Objects do not have "names" but they can be stored in other objects as values associated with keys. — Helam
– Helam, Commented Mar 1, 2018 at 16:45
What do you mean by "name of the object"? Are you trying to get the string myStudent? Can't do that. Are you looking to get the name of an object's keys? Looks like you already know how. — Dave Newton
– Dave Newton, Commented Mar 1, 2018 at 17:00

Helam · Accepted Answer · 2018-03-01 17:01:55Z

5

but I'm looking to extract the name of the object itself.

Objects do not themselves have "names". There is some confusion in other answers thinking you are just trying to get the "Name" property inside the object, and not trying to get the value "StudentData". The only way you could do this is if it was stored in an object something like this:

let myObject = {
    "StudentData": {
        "Age": 25,
        "IsMarried": false
    }
}

And then you could use the solution you found of Object.keys(myObject)[0] to get "StudentData" but if it is not stored like that there is no standard way of getting that value. Even in the above example, the object containing Age etc does not have a "name" of "StudentData", it is simply associated with the key "StudentData" in the outer object.

answered Mar 1, 2018 at 17:01

Helam

1,51516 silver badges18 bronze badges

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

Comments

Claudio · Accepted Answer · 2018-03-01 16:52:29Z

2

Try like this:

var obj = {
  "StudentData": {
      "Name": "Mike",
      "Age": 25,
      "DateOfBirth": 9/25/1993,
      "IsMarried": false
  }
};

// to get the first key
var keys = Object.keys(obj);
console.log(keys[0]);

// or to get the StudentData keys:
var objectKeys = Object.keys(obj.StudentData);
console.log(objectKeys);

// or to populate dinamically a table
let k, tr = '';
for (k in obj.StudentData) {
   tr += '<tr><td>' + k + '</td><td>' + obj.StudentData[k] + '<td></tr>';
}

$('table.popup tbody').append(tr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="popup">
    <thead>
      <tr>
        <td><b>Property</b></td>
        <td><b>Value</b></td>
      </tr>
    </thead>
    <tbody></tbody>
 </table>

edited Mar 1, 2018 at 16:52

answered Mar 1, 2018 at 16:45

Claudio

5,2112 gold badges25 silver badges34 bronze badges

Comments

Community · Accepted Answer · 2021-06-03 01:45:43Z

0

If you stored this object as

var myStudent = { "StudentData": {
    "Name": "Mike",
    "Age": 25,
    "IsMarried": false
 }
}

Just do simply myStudent.StudentData.Name to get the value 'Mike'.

And If you really wants to get the key out of object. you can run the below code.

( function getKeyValueFromJSON() {
  var myStudent = { "StudentData": {
  "Name": "Mike",
  "Age": 25,
  "IsMarried": false
}
}
    for(var val in myStudent.StudentData) {
      console.log("Key: " + val + " value: " + myStudent.StudentData[val]);
    }
 })();

edited Jun 3, 2021 at 1:45

CommunityBot

11 silver badge

answered Mar 1, 2018 at 16:48

shanwije

6308 silver badges17 bronze badges

2 Comments

Dave Newton Over a year ago

They're looking for a way to get the key name, not data from a key.

h2ooooooo Over a year ago

9/25/1993 is not a valid number - this would never work.

Collectives™ on Stack Overflow

Get JSON Object Name - Javascript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related