Converting circular structure to JSON in my object

Question

var mapObjects = $('#placeholdSlots div').map(function (i, n) {

    var awardId = $(n).find('.dropped').attr('id');
    var itemType = $(n).find('.dropped').attr('data');

     var obj = {};
    obj['itemId'] = parseInt(awardId) || "";
    obj['type'] = itemType || ""
    return obj;

});

console.log(JSON.stringify(mapObjects));

Any idea why I can't json.stringify my object? The last line return an error of

Uncaught TypeError: Converting circular structure to JSON

For me it look fine :

enter image description here

I didn't see any circular reference problem with my object..

Please edit your question to explain where you're apparently running into some sort of problem related to circular references. Thanks for improving the question's reference value and making it more answerable! — Nathan Tuggy
– Nathan Tuggy, Commented Mar 24, 2015 at 2:47

guest271314 · Accepted Answer · 2015-03-24 04:21:08Z

1

$.fn.map() returns jQuery object ? Note, if selecting div.dropped child element within #placeholdSlots div parent element , $.map() could iterate both div , div.dropped elements ; substituted selector $('#placeholdSlots div:not(.dropped)') for $('#placeholdSlots div') at stacksnippets

Try utilizing $.map() , returns Array,

var mapObjects = $.map($("#placeholdSlots div:not(.dropped)")
                 , function (n, i) { 
                     var awardId = $(n).find(".dropped").attr("id");
                     var itemType = $(n).find(".dropped").attr("data");        
                     var obj = {};
                     obj["itemId"] = parseInt(awardId) || "";
                     obj["type"] = itemType || ""
                     return obj;        
    });
    
    console.log(JSON.stringify(mapObjects));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
<div id="placeholdSlots">
  <div><div id="123" class="dropped" data="abc">dropped</div></div>
  <div><div id="456" class="dropped" data="def">dropped</div></div>
</div>

edited Mar 24, 2015 at 4:21

answered Mar 24, 2015 at 3:29

guest271314

1

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

6 Comments

Dean Jason Over a year ago

with this I got this :

[{"itemId":null,"type":null},{"itemId":null,"type":null},{"itemId":null,"type":null},{"itemId":null,"type":null},{"itemId":null,"type":null},{"itemId":null,"type":null}]

guest271314 Over a year ago

Not certain about html ? , not appear included at OP ? Can include html at OP ? See updated post.

Dean Jason Over a year ago

why not()? isn't that excluded everything?

guest271314 Over a year ago

At stacksnippets , selector #placeholdSlots div would select all div elements - including both <div> without attributes and <div class="dropped"> - resulting innull being returned for <div> at var awardId , var itemType . :not(.dropped) filters parent element <div> not having class .dropped . Can include html at OP ?

Dean Jason Over a year ago

it worked, just that I'm not so understand how map work.. my html is ` <div class="placehold" data-sort-helper="2" id="placehold2"></div> ` and i select using $('#placeholdSlots .placehold') but not sure why I need to use` .not()`

|

Collectives™ on Stack Overflow

Converting circular structure to JSON in my object

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related