オブジェクトを配列にプッシュした後、配列内のすべてのオブジェクトの値が同じです

Question

この関数で問題が発生しています。オブジェクトを配列にプッシュするときは問題ありませんが、格納されたオブジェクトを取得するときは、すべてのオブジェクトに同じ値があります。

function saveDetails() { 
    var details = []; 
    var productDetails = {}; 
    var id = $('#ddlDeliveryBoy option:selected').val(); 
    var count = $('#tbCustomer tbody tr').length; 
    for (var index = 0; index < count; index++) { 
    var tr = $('#tbCustomer tbody tr')[index]; 
    var countTD = $(tr).children('td').length - 4; 
    for (var j = 3; j < (countTD + 4); j++) { 
     var td = $(tr).children('td')[j]; 
     var txt = $(td).find('input[type="text"]'); 
     if ($.isNumeric(txt.val())) { 
     productDetails.CustomerID = $(tr).data('id'); 
     productDetails.ProductID = $(td).data('id'); 
     productDetails.Quantity = parseFloat(txt.val()).toFixed(2); 
     details.push(productDetails); 
     } 
    } 
    } 
    console.log(details); 
} 

Answer 1

あなたはループの場合の内側productDetails初期化を移動する必要があります。 ここにコードがあります。

function saveDetails() { 
    var details = []; 
    var id = $('#ddlDeliveryBoy option:selected').val(); 
    var count = $('#tbCustomer tbody tr').length; 
    for (var index = 0; index < count; index++) { 
    var tr = $('#tbCustomer tbody tr')[index]; 
    var countTD = $(tr).children('td').length - 4; 
    for (var j = 3; j < (countTD + 4); j++) { 
     var td = $(tr).children('td')[j]; 
     var txt = $(td).find('input[type="text"]'); 
     if ($.isNumeric(txt.val())) { 
     let productDetails = {}; 
     productDetails.CustomerID = $(tr).data('id'); 
     productDetails.ProductID = $(td).data('id'); 
     productDetails.Quantity = parseFloat(txt.val()).toFixed(2); 
     details.push(productDetails); 
     } 
    } 
    } 
    console.log(details); 
}