javascript - 在我的对象中将循环结构转换为 JSON

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));

知道为什么我不能 json.stringify 我的对象吗？最后一行返回错误为

Uncaught TypeError: Converting circular structure to JSON

对我来说，它看起来不错:

我没有发现我的对象有任何循环引用问题..

Answer 1

$.fn.map() 返回 jQuery 对象？请注意，如果在 #placeholdSlots div 父元素中选择 div.dropped 子元素，则 $.map() 可以迭代两个 div , div.dropped 元素；在 stacksnippets 中将选择器 $('#placeholdSlots div:not(.dropped)') 替换为 $('#placeholdSlots div')

尝试利用 $.map() ，返回 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>