JSON returning as [object Object] in console log

Question

I'm a little green as you can tell by my post history here, but i am trying to get the key, value for a JSON object and its not outputting as i thought it would. What am I doing wrong?

(function($){
    jQuery(document).ready(function(){
        var tableRows = [];
        var headersText = [];
        var $headers = $("th");
        var $rows = $("#table tbody tr").each(function(index) {
          $cells = $(this).find("td");
          tableRows[index] = {};
          $cells.each(function(cellIndex) {
            if(headersText[cellIndex] === undefined) {
              headersText[cellIndex] = $($headers[cellIndex]).text();
            }
            tableRows[index][headersText[cellIndex]] = $(this).text();
          });    
        });
        var tableData = {
            "tableData": tableRows
        };
        /*alert(JSON.stringify(tableData));*/

        $.each([tableData], function(key, value){
            console.log( key + ":" + value );
        });
    });
})(jQuery);

in console I'm getting:

0:[object Object]

instead of (example):

0:[NAME SAMPLE-NAME]

adeneo · Accepted Answer · 2014-05-06 15:32:15Z

5

That's what happens when an object is turned into a string, and concantenating strings and objects, the object will be converted to a string, and the string representation of an object is [object Object]

console.log( key + ":" + value ); // you're concantenating strings and objects

Try this instead

console.log( key, value );

As a sitenote, $.each iterates both objects and arrays, so there's no need to wrap your object in an array, or your array in an object ?

edited May 6, 2014 at 15:32

answered May 6, 2014 at 15:11

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

3 Comments

000 Over a year ago

Or console.log({key:key,value:value})

TEN Design Over a year ago

This worked, now how would i get for example the value of key: NAME in this object?

adeneo Over a year ago

You'd have to know where that key was, and do something like tableData.tableData.path.to.NAME, or just iterate until you find it ?

TEN Design · Accepted Answer · 2014-05-06 15:47:57Z

1

The problem isn't really the console.log, it's your iteration.

You mean to do this I think:

 $.each(tableData["tableData"], function(key, value){
      console.log( key, value );
 });

Not

 $.each([tableData], function(key, value){
      console.log( key, value );
 });

In your original code, you were creating an array of one element - [tableData] and then iterating over that, which doesn't really make any sense to do. TableData is a hash - a hash doesn't have a key and a value, it has a set of key and values. You need to iterate over the hash instead.

edited May 6, 2014 at 15:47

TEN Design

7173 gold badges13 silver badges31 bronze badges

answered May 6, 2014 at 15:13

Niall Paterson

3,6103 gold badges32 silver badges39 bronze badges

4 Comments

TEN Design Over a year ago

This worked, now how would i get for example the value of key: NAME in this object?

Niall Paterson Over a year ago

I think you're slightly confused over your data structure. You have var tableData = {"tableData": tableRows}; but tableRows itself is an array. Is it possible that it's tableData["tableData"] that you want to iterate over?

TEN Design Over a year ago

yea thats it exactly. thanks for helping me learn :) so now i could console.log( key["NAME"], value ) to target that specifically?

Niall Paterson Over a year ago

Glad to help :) Let me know if there's any other questions you have.

Collectives™ on Stack Overflow

JSON returning as [object Object] in console log

2 Answers 2

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related