Nested for loop in JavaScript causing the display of only the final value of the iterating object

Question

Nested for loop in JavaScript causing the display of only the final value of the iterating object

When constructing a JSON array object using two different arrays, I noticed that the value of the last iterated value is being assigned to every element in the array. Specifically, for the serial number element, only the last iterated value is being displayed. Is there something crucial that I might be overlooking?

for (z = 0; z < postAdvancedAddressCheckRequest.addressCheck.energyQuoteAddress.electricityMeter.length; z++) {
  for (i = 0; i < ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches.length; i++) {
    for (j = 0; j < ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches[i].Meters.length; j++) {
      for (k = 0; k < ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches[i].Meters[j].MeterDetails.length; k++) {
        if (ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches[i].Meters[j].MeterDetails[k].Key === "meter_serial_number") {
          var serialNumber1 = ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches[i].Meters[j].MeterDetails[k].Value;
        }
      }
      electricityMeterObject = {
        "Check": true,
        "serialNumber": serialNumber1
      }
      electricityArray.push(electricityMeterObject);
    }
  }
}

javascript json

Answer 1

Answer №1

This code snippet simplifies the debugging process

const meter = postAdvancedAddressCheckRequest.addressCheck.energyQuoteAddress.electricityMeter,
  matches = ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches;
for (let z = 0; z < meter.length; z++) {
  for (let i = 0; i < matches.length; i++) {
    for (let j = 0; j < matches.Meters.length; j++) {
      for (let k = 0; k < matches[i].Meters[j].MeterDetails.length; k++) {
        if (matches[i].Meters[j].MeterDetails[k].Key === "meter_serial_number") {
          electricityArray.push({
            "Check": true,
            "serialNumber": matches[i].Meters[j].MeterDetails[k].Value
          });
        }
      }
    }
  }
}

Alternatively

const meter = postAdvancedAddressCheckRequest.addressCheck.energyQuoteAddress.electricityMeter,
  matches = ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches;
meters.forEach(meter => {
  matches.forEach(match => {
    match.Meters.forEach(meter => {
      meter.MeterDetails.forEach(detail => {
        if(detail.Key === "meter_serial_number") {
          electricityArray.push({
            "Check": true,
            "serialNumber": matches[i].Meters[j].MeterDetails[k].Value
        });
      })
    })
  })
})

Answer 2

This code snippet simplifies the debugging process

const meter = postAdvancedAddressCheckRequest.addressCheck.energyQuoteAddress.electricityMeter,
  matches = ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches;
for (let z = 0; z < meter.length; z++) {
  for (let i = 0; i < matches.length; i++) {
    for (let j = 0; j < matches.Meters.length; j++) {
      for (let k = 0; k < matches[i].Meters[j].MeterDetails.length; k++) {
        if (matches[i].Meters[j].MeterDetails[k].Key === "meter_serial_number") {
          electricityArray.push({
            "Check": true,
            "serialNumber": matches[i].Meters[j].MeterDetails[k].Value
          });
        }
      }
    }
  }
}

Alternatively

const meter = postAdvancedAddressCheckRequest.addressCheck.energyQuoteAddress.electricityMeter,
  matches = ecoesGetTechnicalDetailsByMpanResponse.Results[0].UtilityMatches;
meters.forEach(meter => {
  matches.forEach(match => {
    match.Meters.forEach(meter => {
      meter.MeterDetails.forEach(detail => {
        if(detail.Key === "meter_serial_number") {
          electricityArray.push({
            "Check": true,
            "serialNumber": matches[i].Meters[j].MeterDetails[k].Value
        });
      })
    })
  })
})

Nested for loop in JavaScript causing the display of only the final value of the iterating object

Answer №1

Similar questions

Error: The term 'RequestCompleted' is not recognized by Microsoft JScript

I'm having trouble executing the JavaScript function

transforming an array-containing string into a JSON format object

Understanding how to extract a specific value key from a JSON object in Typescript while utilizing Angular can greatly

What is the reason for the excessive width of the final column in this table?

Passing arrow functions for input validation rules to the Stancil component in Vue

Detection of collisions using bounding sphere method

Implementing a document update event using jQuery

Error: The XML parsing in ASP failed to find a root element at the specified location

I am wondering why the JSON data retrieved through $http.get and stored in the $scope object is not displaying in the binding expression

Switching Next.js JavaScript code to Typescript

Is it possible to run my JavaScript script immediately following the execution of npm run build?

Do you think my plan to develop an HTML parser from the ground up will be successful?

Tips for centering a div horizontally when it exceeds the width of a mobile screen

What could be causing my for loop to unexpectedly terminate early?

Navigating the storing and organizing of user data through Firebase's simplistic login feature for Facebook

Vue - the <script setup> element is unable to execute scripts

Tips to prevent encountering the "The response was not received before the message port closed" error while utilizing the await function in the listener

Using v-model in Vue with jQuery integration

Maintain scrolling at the bottom with React.js