javascript - 迭代表的行

Question

我正在迭代动态生成的 div，其中包含一个表。当我迭代行时，假设我有两行，我得到两个结果。但问题是两个结果都包含表最后一行的值。这是我的代码:

$(this)
  .children('.js-charge-data')
  .children('.js-charging-line-wrapper')
  .find('.js-chargeline-tbody')
  .children('tr')
  .each(function() {
    chargingLineJSON['chargingType'] = 'IoT';
    chargingLineJSON['chargeCategoryName'] = $(this).find('.js-charging-category').val().trim();
    chargingLineJSON['subCategoryName'] = $(this).find('.js-charging-sub-category').val().trim();
    chargingLineJSON['backEndProductName'] = $(this).find('.js-charging-sub-category').children(':selected').data('backend_product_name');
    chargingLineJSON['shipToAddressId'] = '123';
    chargingLineJSON['chargePerUnit'] = $(this).find('.js-unit-charge').val().trim();

    chargeLineListJSON['chargingLine'] = chargingLineJSON;
    chargingLineJSONArray.push(chargeLineListJSON);
  });

请告诉我我犯了什么错误？

Answer 1

您正在将相同的对象 chargingLineJSON 推送到数组，在 .each() block 中创建一个新对象

.each(function () {
    //Create a new object
    var chargingLineJSON = {};
    //Your code
    chargingLineJSONArray.push(chargeLineListJSON);
});

根据 @Rajesh评论

使用引用复制对象。因此，在第二次迭代中，当您为对象的属性设置值时，您将覆盖内存位置而不是locat变量中的值。因此，相同的值