Saving a value to a variable before adding it to an array, rather than inserting it directly into the array

Question

Saving a value to a variable before adding it to an array, rather than inserting it directly into the array

Currently I am making an API call, and processing the response data as follows.

      request.get('https://example.com', function(error, response, body) {
        body = JSON.parse(body);
        name = body.name
        image = body.picture.data.url
        userList[i].name = name;
        userList[i].image = image;
        console.log(userList[i])
      }

After implementing this code block, it appears to be functioning well as the variables are visible in the array. However, when I attempt the following approach:

      request.get('https://example.com', function(error, response, body) {
        body = JSON.parse(body);
        userList[i].name = body.name;
        userList[i].image = body.picture.data.url;
        console.log(userList[i])
      }

And then try to print out the userList array, the name and image properties seem to be blank or not stored properly.

I am curious to understand why the information is not being stored correctly within the array?

javascript arrays

Answer 1

Answer №1

Regardless of whether you use variables or not, your code should function correctly. Refer to the following example:

var data = {title:'Title', content : {data: {url:'example.com'}}}
var count = 0;
var dataList = [];
dataList[count] = {};
dataList[count].title = body.title;
dataList[count].link = body.content.data.url;
console.log(dataList);
console.log(dataList[count]);

Answer 2

Regardless of whether you use variables or not, your code should function correctly. Refer to the following example:

var data = {title:'Title', content : {data: {url:'example.com'}}}
var count = 0;
var dataList = [];
dataList[count] = {};
dataList[count].title = body.title;
dataList[count].link = body.content.data.url;
console.log(dataList);
console.log(dataList[count]);

Answer 3

Answer №2

Experiment with adding an item to an array

fetch('https://example.com')
    .then(response => response.json())
    .then(data => {
        let newItem = {};
        let itemList = [];
        newItem.name = data.name;
        newItem.image = data.picture.data.url;
        itemList.push(newItem);
        console.log(itemList[itemList.length - 1]);
    });

Answer 4

Experiment with adding an item to an array

fetch('https://example.com')
    .then(response => response.json())
    .then(data => {
        let newItem = {};
        let itemList = [];
        newItem.name = data.name;
        newItem.image = data.picture.data.url;
        itemList.push(newItem);
        console.log(itemList[itemList.length - 1]);
    });

Saving a value to a variable before adding it to an array, rather than inserting it directly into the array

Answer №1

Answer №2

Similar questions

Creating identical HTML output using PHP and JavaScript

An associative array in PHP with just a single item

Saving a collection of CustomObjects in UserDefaults

Is there a way to delay the inner for loop and have the outer for loop wait until the inner loop has completed its iteration?

Issue encountered when utilizing pass by reference in stack implementation (C language)

What is the best way to display an arrow specifically for the selected item in JQuery?

Using Ruby variable as a parameter in JavaScript

Link several jQuery elements to a function simultaneously

What is the best way to retrieve the updated value after using React useState in a function?

Organizing your web application directories with AngularJS and Node.js

Best Practices for Laravel and Vue Collaboration

Comparison between storing data locally and using AngularJS $cacheFactory

Jquery mouseenter fails to detect when leaving span element and does not trigger again

Struggling with loading react storybook

What is the best way to link a newly created contact to the current user in Mongoose?

Utilize ASP MVC Controller to handle form submissions containing identical HTML input names with distinct values

What steps are involved in implementing a search method using a hashtable in Java?

`Is it possible to programmatically click a button using the ref attribute?`

Tips for loading various content types in Fancybox 3

Tips on utilizing React and Node to upload text as a file to Google Drive