How to replace previously added elements in a Javascript array using array.push

Question

How to replace previously added elements in a Javascript array using array.push

As I populate an array with objects, each iteration of the for loop updates the previous items in the array.

I've experimented with different types of loops such as for-each, for, and for-of.

var arrResult = new Array;

for (let element of accessoriesToDisplay) {
    var obj = {};
    var obj = await AdaptiveCardImporter.accessoryCard(element.Name,
     element.Price, element.ProductDescription, element.URL, element.ImgURL);
    arrResult.push(obj);
}

The final array should contain 3 distinct objects rather than just a repetition of the last one. Previously, this code functioned properly until I relocated the accessoryCard method from the main JavaScript file.

Watcher:

https://i.sstatic.net/TR1NW.png

https://i.sstatic.net/1GZgJ.png

https://i.sstatic.net/p38WA.png

javascript arrays for-loop foreach botframework

Answer 1

Answer №1

Your coding concept seems solid. Your code should run smoothly, but the issue seems to be with your await statement - something appears to be off there. A recreated version of your code demonstrates this:

const getObj = e => new Promise(resolve => setTimeout(() => resolve({val:e}), 300))

async function main() {
  var arrResult = []
  var accessoriesToDisplay = [1, 2, 3]


  for (let element of accessoriesToDisplay) {
    var obj = await getObj(element)
    console.log(obj)
    arrResult.push(obj);
  }
  
  console.log(arrResult)
}

main()

However, it seems that your original code is having issues. Consider using console.log(JSON.stringify(obj)) during each loop iteration to verify if the returned object matches what you expect - sometimes Chrome can automatically update the value.

Answer 2

Your coding concept seems solid. Your code should run smoothly, but the issue seems to be with your await statement - something appears to be off there. A recreated version of your code demonstrates this:

const getObj = e => new Promise(resolve => setTimeout(() => resolve({val:e}), 300))

async function main() {
  var arrResult = []
  var accessoriesToDisplay = [1, 2, 3]


  for (let element of accessoriesToDisplay) {
    var obj = await getObj(element)
    console.log(obj)
    arrResult.push(obj);
  }
  
  console.log(arrResult)
}

main()

However, it seems that your original code is having issues. Consider using console.log(JSON.stringify(obj)) during each loop iteration to verify if the returned object matches what you expect - sometimes Chrome can automatically update the value.

How to replace previously added elements in a Javascript array using array.push

Answer №1

Similar questions

Storing TypeScript functions as object properties within Angular 6

The path specified as "react-native/scripts/libraries" does not exist in the file

What is the best way to dynamically access or create nested objects by iterating through a loop based on a given number?

Submitting a POST request using a Chrome Extension

Converting a Class Component to a Functional Component in React: A Step-by-Step

Executing a Javascript function within a PHP script

Access Denied - jQuery Print Preview not authorized?

Challenges faced with the $_POST["var"] variable in Yii Controller

Manipulating nested lists in Vuejs by removing elements

Creating a nested object in React's handleChange method: a step-by-step guide

Creating an object based on its type in JavaScript is a simple task

Guide on generating a video thumbnail using JavaScript Application

.NET Bingo: Converting String to Array and Variable Setting

"Inserting" a fresh key-value pair into a JavaScript Object

Observing the data retrieved from an AJAX request

Changing the state using setState outside of the component does not trigger an update

React page is not loading properly after refreshing, displaying unprocessed data instead

What causes dates to shift by 24 hours?

What are some ways to render a React component when its ID is only determined after making an AJAX call?

Combining JSON arrays