JSON results showing first array ok, but the nested arrays are [Object, object]

Question

I am pulling information from a wordnik api, for the word of the day, I'm trying to get the array information, but the first part of the array works but the parts that are nested arrays within are appearing as object, object

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
  $.getJSON( "http://api.wordnik.com/v4/words.json/wordOfTheDay?api_key=a2a73e7b926c924fad7001ca3111acd55af2ffabf50eb4ae5", function( data ) {
    var items = [];

    $.each(data, function( key, val) {
      items.push( "<li id='" + key + "'><b>"+ key+ ":</b> " + val +  "</li>" );
    });

    $( "<ul/>", {
      "class": "my-new-list",
      html: items.join( "" )
    }).appendTo( "#james2" );
  });
</script>

you have only iterate through one loop you have to do logic for nested loop to display all value — anomepani
– anomepani, Commented Mar 22, 2016 at 13:45

Vinit Solanki · Accepted Answer · 2016-03-22 10:55:09Z

1

Try JSON.stringify() method on object.

$.each(data, function( key, val) {
    items.push( "<li id='" + key + "'><b>"+ key+ ":</b> " + JSON.stringify(val) +  "</li>" );
  });

answered Mar 22, 2016 at 10:55

Vinit Solanki

2,0412 gold badges20 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

JSON results showing first array ok, but the nested arrays are [Object, object]

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related