ブラウザのConsoleで表示させた際に、{x:100, y:180, r:4, color:"red"}と
横並びに表示され、その下の展開させると

color:"red"
r:4, 
x:100
y:180

のように講義画面と異なった順番で表示されますが、何故でしょうか。