Creating an array in Javascript and populating it with dynamically generated values

Question

Creating an array in Javascript and populating it with dynamically generated values

I am currently iterating through 3 arrays, searching for 'actionTimings' in each array and summing up the values of actionTimings (which are all numbers). How can I store these 3 values in a new array? This is what I have tried so far...

$.each(dinnerComponents, function(intIndex, component) {
    totalCookTime = 0;
    for ( var i = 0; i < component.actionTimings.length; i++ ) {
        totalCookTime += component.actionTimings[i];
    }
});

I attempted to do this:

totalCookTime = new Array(totalCookTime);

However, this array contains sets of commas. It seems like the number of commas equals totalCookTime-1. Is this due to the values being comma separated within the array? My understanding of arrays is somewhat limited, unfortunately.

Thank you for any assistance.

javascript arrays loops

Answer 1

Answer №1

To calculate sub-totals for each 'dinerComponent', you can utilize the Array push method:

var totalAmounts = [];  // storing the sub-totals for each 'dinerComponent'
$.each(dinnerItems, function(index, item) {
  var sumQuantity = 0;
  for ( var j = 0; j < item.quantities.length; j++ ) {
    sumQuantity += +item.quantities[j]; // using unary plus to convert to Number
  }
  totalAmounts.push(sumQuantity);
});

Answer 2

To calculate sub-totals for each 'dinerComponent', you can utilize the Array push method:

var totalAmounts = [];  // storing the sub-totals for each 'dinerComponent'
$.each(dinnerItems, function(index, item) {
  var sumQuantity = 0;
  for ( var j = 0; j < item.quantities.length; j++ ) {
    sumQuantity += +item.quantities[j]; // using unary plus to convert to Number
  }
  totalAmounts.push(sumQuantity);
});

Answer 3

Answer №2

The main issue you are encountering is that using new Array(n) creates an array with n "slots".

One solution is to utilize jQuery's "map" function, which can convert one array into another:

var totalCookTime = $(dinnerComponents).map(function (component) {
    var cookTime = 0;
    $(component.actionTimings).each(function (index,timing) {
        cookTime += timing;
    })
    return cookTime;
}).get();

(The final .get() method returns a true array rather than a jQuery object pretending to be an array.)

Answer 4

The main issue you are encountering is that using new Array(n) creates an array with n "slots".

One solution is to utilize jQuery's "map" function, which can convert one array into another:

var totalCookTime = $(dinnerComponents).map(function (component) {
    var cookTime = 0;
    $(component.actionTimings).each(function (index,timing) {
        cookTime += timing;
    })
    return cookTime;
}).get();

(The final .get() method returns a true array rather than a jQuery object pretending to be an array.)

Creating an array in Javascript and populating it with dynamically generated values

Answer №1

Answer №2

Similar questions

Essential Understanding of HTML Query Strings Required

Output a single value from an array

How should the array.sort(a, b) method be properly used after the recent updates in node.js version 11.0.0 and above?

How can one transfer information from a client to a server and complete a form using JavaScript?

Disrupting a Program Operation

Error message: "When using selenium-webdriver in JavaScript, the findElement method for <a> tags cannot be used as a function."&

Combine all possible pairings of elements from two distinct arrays

Sending data from child components to parent components in Angular

Change the destination of an iFrame upon user click

Using ngTable within an AngularJS application

Transferring token values between collections in POSTMAN - AUTOMATION | NEWMAN: A step-by-step guide

Is there a way to verify if the $compile process has finished?

What is the best way to resize an array to a different length while preserving its close values in R programming?

Retrieving variables using closures in Node.js

An issue arose in Leaflet where drawing on the map became impossible after making an update to a marker's position

Troubleshooting AngularJS form submission with missing data

How to decode JSON data into a JavaScript array and retrieve specific values using index positioning

How to use jQuery to dynamically assign a class to an li element

python implementing a function with sleep to continuously loop without halting the entire program

The updates made to a form selection using Ajax do not reflect in jQuery's .serialize or .val functions