Only the first iteration of a for loop is updating the array

Question

Only the first iteration of a for loop is updating the array

This particular script is designed to work with an array of objects that are structured in the following way: {html:whatever number:number value}.

function Org(data){
//array of objects
var Data=data;
for(var i=0; i<Data.length; i++){
  var nums=[];
  nums.push(Data[i].number);
console.log(nums);}
}

When provided with [{html:null,number:1},{html:null,number:1}], the expected output for the console log of Nums should have been [1,1] on the second iteration. However, it actually logs [1] on both the first and second iterations. This unexpected result raises the question: What might be causing this discrepancy?

javascript arrays for-loop

Answer 1

Answer №1

It is important to remember to declare the variable num outside of the loop in order to prevent creating a new empty array for each iteration.

Also, there is no requirement to use an additional variable for data.

function Organization(data){
    var numbers = [];
    for (var i = 0; i < data.length; i++){
        numbers.push(data[i].number);
    }
    console.log(numbers);
}

Answer 2

It is important to remember to declare the variable num outside of the loop in order to prevent creating a new empty array for each iteration.

Also, there is no requirement to use an additional variable for data.

function Organization(data){
    var numbers = [];
    for (var i = 0; i < data.length; i++){
        numbers.push(data[i].number);
    }
    console.log(numbers);
}

Answer 3

Answer №2

Or in a more concise way:

let displayData = data => console.log(data.map(item => item.number));

Answer 4

Or in a more concise way:

let displayData = data => console.log(data.map(item => item.number));

Only the first iteration of a for loop is updating the array

Answer №1

Answer №2

Similar questions

Initiate an animation in Wordpress once the entire page has finished loading

Assign a unique HTML attribute to a child element within a Material-UI component

.class selector malfunctioning

Handling overlapping elements with pointer events

Exploring Event Propagation in AngularJS

How to make Jquery skip over elements with a particular data attribute

Mastering Yii2: Implementing Javascript Functions such as onchange() in a View

Error in AWS Lambda: JSON parsing error due to unexpected token 't' at position 6

Error encountered in jQuery validation script due to incorrect data type

Can someone help me figure out the issue with my Angularjs ng-repeat implementation?

Using Perl arrays within a PostgreSQL INSERT query

Replacing characters in a document using positions derived from a separate file

What is the best way to extract specific values from a JSON array of objects using JavaScript?

Is there a way for me to make my image source dynamically switch between 3-4 different images when hovered over?

Using the Promise function with callback to map the JSON payload object into an object

Anchor point located within a scrollable div with a fixed position

Comparing unique values between objects in JavaScript with varying keys

Making adjustments to text in HTML without altering the CSS or styling is proving to be challenging

Error: Cannot run yarn dev because node_modules/node/bin/node is missing

Tips for representing entire months as object keys using numerical values