javascriptプッシュメソッドを使用して使用されるオブジェクトの配列をソート

Question

私はこのコードを次のようにします。違いの配列をソートすることを期待していましたが、Chromeで検査すると、ソートの前後で差の配列が同じになります。私のコードで何が間違っているのか、そしてソート方法がうまくいかない理由を指摘することで、助けてください。それは配列が（プッシュを使用して）作成される方法と関係しているように見えますが、何が間違っているのかはわかりません。

var differences = []; 

for (i = 0; i < locations.length; i++) { 
    var myObj = { 
     lat  : locations[i].lat, 
     lng  : locations[i].lng, 
     distance : locations[i].lng 
    }; 

    differences.push(myObj); 
} 

function compare(a, b) { 
    if (a.distance < b.distance) 
     return -1; 

    if (a.distance > b.distance) 
     return 1; 

    return 0; 
} 

console.log(differences); 
differences.sort(compare); 
console.log(differences); 

Answer 1

Google Chromeのコンソールは、オブジェクトを出力するときにオブジェクトを文字列に変換しません。代わりに、オブジェクトの実際の内容が表示されます。この内容は、後でオブジェクトが変更された場合に更新されます。これを実証するために

、コンソールを開き、次の行を入力します。あなたはあなたの後にこれを追加していても、あなたが「のhelloWorld」プロパティが出力にそれのために定義されていることがわかりますobjを展開する

var obj = {}; 
console.log(obj); 
obj.helloWorld = "Hi there"; 

をそれをコンソールに記録した。

これは、ソート機能が正常に動作していることを意味します。あなたが前と後の違いを確認したい場合は、あなたがそれをログインしたときにオブジェクトのクローンを作成することができます

console.log(JSON.parse(JSON.stringify(differences)));