JavaScript JSON Object Object error

Question

I am trying to print out the key and value names from the data below e.g. "Player 1' - 'ball' 'hat' and "Player 2 - 'ball, 'hat'. So keys have multiple value names but im not sure how i print these out.** I am getting '[object Object]' as a response**. Can someone help me with this understanding please and trying to resolve the matter.

Data

{
    "Player1": {
        "ball": 1,
        "hat": 2

    },
    "Player2": {
        "ball": 1,
        "hat": 2,
    }
}

JavaScript

$.getJSON('data.json', function (data) {
    var response = data;
    for (key in response){
        alert("key: " + key + "value :" + response[key]);
    }
});

Try using console.log("key:", key, "value:", response[key]); it'll allow you to see the objects, regardless of whether you stringify them. — royhowie
– royhowie, Commented Feb 21, 2015 at 19:19

Nick Craver · Accepted Answer · 2015-02-21 19:23:17Z

6

The simplest way to do this in any modern browser would be to use Object.keys() and just join the result into a string, like this:

for (key in response){
    alert("key: " + key + " value :" + Object.keys(response[key]).join(' '));
}

Result:

key: Player1 value :ball hat
key: Player2 value :ball hat

You can test it out here.

answered Feb 21, 2015 at 19:23

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Comments

royhowie · Accepted Answer · 2015-02-21 19:19:22Z

4

Use JSON.stringify(response[key]) when printing the object.

edited Feb 21, 2015 at 19:19

royhowie

11.2k14 gold badges54 silver badges67 bronze badges

answered Feb 21, 2015 at 19:17

Jimmy Bernljung

5493 silver badges9 bronze badges

2 Comments

user2219097 Over a year ago

But i only want the property names of the value, not the values too e.g. just "ball", "hat" and not : { ball: 1} etc

royhowie Over a year ago

@user2219097 response[key] is also an object, so you can use a for each loop (for (var k in response[key])) to loop through and prints its keys.

void · Accepted Answer · 2015-02-21 19:20:29Z

1

$.getJSON('data.json', function (data) {
    var response = data;
    for (key in response){
        alert("key: " + key + "value :" + JSON.stringify(response[key]));
    }
});

or use response[key].ball, response[key].hat

answered Feb 21, 2015 at 19:20

void

36.7k10 gold badges71 silver badges111 bronze badges

Comments

arnav · Accepted Answer · 2019-03-26 16:32:38Z

1

The stringify function of JSON comes to rescue here. Since most internal functions take data parameters as string or sometimes buffer. Thus you can use the following code:-

    var response = {
    "Player1": {
        "ball": 1,
        "hat": 2

    },
    "Player2": {
        "ball": 1,
        "hat": 2,
    }
}

var dataString = JSON.stringify(response);

Now use dataString for sending and receiving over different calls.

answered Mar 26, 2019 at 16:32

arnav

615 bronze badges

Comments

jyrkim · Accepted Answer · 2015-02-22 09:23:03Z

0

Here's one way of printing the content of the object. Object.keys() method is used to access player's "items" and get those in array format. Updated.

var response = {
    "Player1": {
        "ball": 1,
            "hat": 2

    },
        "Player2": {
        "ball": 1,
            "hat": 2,
    }
};
for (player in response) {

    var items = Object.keys(response[player]);

    var itemText = "";
    for (i = 0; i < items.length; i++) {
        itemText += " '" + items[i] +  "'";
    }

    console.log(player +  " -" + itemText);
    
    //alternative way, suggested by NickCraver
    console.log(player +  " - "+ Object.keys(response[player]).map(function(k) { return '\''+k+'\''; }).join(' ') );
}

edited Feb 22, 2015 at 9:23

answered Feb 21, 2015 at 19:40

jyrkim

2,8791 gold badge26 silver badges35 bronze badges

2 Comments

Nick Craver Over a year ago

If you require quoting of each value, you should checkout .map(), like this: Object.keys(response[key]).map(function(k) { return '\''+k+'\''; }).join(' '));

jyrkim Over a year ago

@NickCraver Thanks for the tip! I'll definitely try to use .map() function in the future - looks very handy indeed :-)

Collectives™ on Stack Overflow

JavaScript JSON Object Object error

5 Answers 5

Comments

2 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related