javascript - Loop over child objects -

i'm trying loop on child objects within object using $(parent).each() return parent. in below code, console.log() both print same thing. want iterate on children "rectangle", "pointend" , "pointstart" objects , children.

moveitemsobjarray = []; moveitemsobj = {}; mobeitemsobj.pointer = guidvarible; moveitemsobj.nodes =  {"rectangle":{                           "rect_x": linerect_x,                           "rect_y": linerect_y,                           "rect_w": linerect_w,                           "rect_h": linerect_h                         },                         "pointstart":{                           "point_x": newpointstart_x,                           "point_y": newpointstart_y                         },                         "pointend": {                           "point_x": newpointend_x,                           "point_y": newpointend_y                         }                       };                       moveitemsobjarray.push(moveitemsobj); });   $(moveitemsobjarray).each(function(){   var nodes = this.nodes;     console.log(nodes);   $(nodes).each(function(){     console.log(this);   }); }); 

and this?

$.each(nodes, function(i, node) {     $.each(node, function(i, child) {         console.log(child); // normal value         console.log($(child)); // make jquery object     }); }); 

in vanilla js can use for(var node in nodeobjects) return index. jquery have both i, value in .each function.

both examples here.