DOM要素ごとにJquery - プッシュイン配列エラー

Question

私は自分のDOMでeach（）関数を使ってフィールドを動的に追加しようとしています。 しかし、私はこのコードでproblemeをHAVA：

var nouvelle_entree=new Object(); 
    $('div[name="declaration-ligne-entree"]').each(function() { 
    nouvelle_entree.name=$(this).children('input[name="system-input-name"]').val(); 
    nouvelle_entree.values=$(this).children('input[name="system-input-valeur"]').val().split(","); 
    console.log(nouvelle_entree); 
    mockSystem.input.push(nouvelle_entree); 
    }); 
    console.log(mockSystem.input); 

プッシュ機能は常に他の良い値を持っているの私のコンソールログに最後の子をプッシュしていません。

ログ1：{名： "A"、値：配列（1）}

ログ2：{名： "B"、値：配列（1）}

ログ3 [

{名： "B"、値：配列（1）}

{名： "B"、値：配列（1）}

]

なぜですか？

Answer 1

オブジェクトの外にオブジェクトを宣言することによって、同じオブジェクトを何度も上書きしていきます。その結果、最後のオブジェクトだけが配列にプッシュされます。

各反復でオブジェクトを作成します。

$('div[name="declaration-ligne-entree"]').each(function() { 
    var nouvelle_entree = {}; 
    nouvelle_entree.name=$(this).children('input[name="system-input-name"]').val(); 
    nouvelle_entree.values=$(this).children('input[name="system-input-valeur"]').val().split(","); 
    console.log(nouvelle_entree); 
    mockSystem.input.push(nouvelle_entree); 
}); 
console.log(mockSystem.input); 

Answer 2

なぜですか？

すべての繰り返しで同じオブジェクトnouvelle_entreeを上書きしているためです。あなたが他のすべての反復だけでなく、初めて、変数にオブジェクトnouvelle_entreeを定義する必要があり

は常に例えば、最後の反復の情報が含まれています：

$('div[name="declaration-ligne-entree"]').each(function() { 
    var nouvelle_entree = {}; 

    nouvelle_entree.name = $(this).children('input[name="system-input-name"]').val(); 
    nouvelle_entree.values = $(this).children('input[name="system-input-valeur"]').val().split(","); 

    mockSystem.input.push(nouvelle_entree); 
}); 

console.log(mockSystem.input);