summing up the initial elements from every array generated dynamically

Question

summing up the initial elements from every array generated dynamically

My data is structured as follows:

{
    "questions": ["Variety of food options", "Food quality", "Freshness of food"],
    "countries": ["Netherlands", "Belgium", "France"],
    "values": [
        [
            [5, 88, 18],
            [50, 83, 10],
            [29, 78, 80]
        ],

        [
            [46, 51, 61],
            [95, 21, 15],
            [49, 86, 43]
        ],
        [
            [7, 46, 92],
            [54, 94, 31],
            [89, 96, 11]
        ]
    ]
}

I have a script for sorting the data like so;

 function calculateTotals() {
    var countryS = "France"
    var country = data.countries.indexOf(countryS);
    var values

  for (var question= 0; question < data.questions.length; question++) {
  // get the values for the question/country
  values = data.values[question][country];

  console.log(values)

Currently, the output in the console looks like this;

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

The script currently logs the values for each question indexed by country.

I want to sum up the elements in each array. For example, I would like to add the following numbers from the output;

29 + 49 + 89,

78 + 86 + 96,

80 + 43 + 11

I'm unsure of how to achieve this. I thought about using .pop()/.shift() or [0],[1],[2], but then I am not sure how to sum the numbers within the arrays?

If everything is clear, any guidance or assistance is greatly appreciated!

Plunk Here

javascript arrays

Answer 1

Answer №1

One way to calculate totals is by using an array and iterating over the items.

This approach utilizes the Array#forEach method.

The forEach() method runs a provided function for each element in the array.

function calculateTotals() {
    var countryS = "France",
        country = data.countries.indexOf(countryS),
        sum = [];

    data.values.forEach(function (question) {
        question[country].forEach(function (a, i) {
            sum[i] = (sum[i] || 0) + a;
        });
    });
    console.log(sum);
}

var data = { "questions": ["Large choice of food", "Food quality", "Food freshness"], "countries": ["Netherlands", "Belgium", "France"], "values": [[[5, 88, 18], [50, 83, 10], [29, 78, 80]], [[46, 51, 61], [95, 21, 15], [49, 86, 43]], [[7, 46, 92], [54, 94, 31], [89, 96, 11]]] };

calculateTotals();

Answer 2

One way to calculate totals is by using an array and iterating over the items.

This approach utilizes the Array#forEach method.

The forEach() method runs a provided function for each element in the array.

function calculateTotals() {
    var countryS = "France",
        country = data.countries.indexOf(countryS),
        sum = [];

    data.values.forEach(function (question) {
        question[country].forEach(function (a, i) {
            sum[i] = (sum[i] || 0) + a;
        });
    });
    console.log(sum);
}

var data = { "questions": ["Large choice of food", "Food quality", "Food freshness"], "countries": ["Netherlands", "Belgium", "France"], "values": [[[5, 88, 18], [50, 83, 10], [29, 78, 80]], [[46, 51, 61], [95, 21, 15], [49, 86, 43]], [[7, 46, 92], [54, 94, 31], [89, 96, 11]]] };

calculateTotals();

Answer 3

Answer №2

If you need to perform a specific operation on arrays, utilizing the map function can help you iterate through them efficiently.

Here's an example:

var arr = [[29,49,89], [78,86,96], [80,43,11]];

var final = arr.map(function(v){
  var res = 0;
  v.forEach(function(e){
     res += e;
  });
  return res;
});

console.log(final); //[167, 260, 134]

Alternatively, though not recommended for simplicity reasons, you could also accomplish the same task using:

var arr = [[29,49,89], [78,86,96], [80,43,11]];

var final = arr.map(function(v){
    return eval(v.join('+'));
});

console.log(final); //[167, 260, 134]

Answer 4

If you need to perform a specific operation on arrays, utilizing the map function can help you iterate through them efficiently.

Here's an example:

var arr = [[29,49,89], [78,86,96], [80,43,11]];

var final = arr.map(function(v){
  var res = 0;
  v.forEach(function(e){
     res += e;
  });
  return res;
});

console.log(final); //[167, 260, 134]

Alternatively, though not recommended for simplicity reasons, you could also accomplish the same task using:

var arr = [[29,49,89], [78,86,96], [80,43,11]];

var final = arr.map(function(v){
    return eval(v.join('+'));
});

console.log(final); //[167, 260, 134]

Answer 5

Answer №3

Check out the latest version of Plunkr

Here is the revised approach

function calculateTotals() 
{
  var countryS = "France"
  var country = data.countries.indexOf(countryS);
  var sum = [0, 0, 0];

  for (var question = 0; question < data.questions.length; question++) 
  {
    var values = data.values[question][country];
    for(var counter = 0; counter < values.length; counter++)
    {
      sum[counter] += values[counter];
    }
  }
  document.body.innerHTML += sum;
}

DEMO

var data = {
  "questions": ["Large choice of food", "Food quality", "Food freshness"],
  "countries": ["Netherlands", "Belgium", "France"],
  "values": [
    [
      [5, 88, 18],
      [50, 83, 10],
      [29, 78, 80]
    ],

    [
      [46, 51, 61],
      [95, 21, 15],
      [49, 86, 43]
    ],
    [
      [7, 46, 92],
      [54, 94, 31],
      [89, 96, 11]
    ]
  ]
}

function calculateTotals() {
  var countryS = "France"
  var country = data.countries.indexOf(countryS);
  var sum = [0, 0, 0];

  for (var question = 0; question < data.questions.length; question++) {
    var values = data.values[question][country];
    for (var counter = 0; counter < values.length; counter++) {
      sum[counter] += values[counter];
    }
  }
  document.body.innerHTML += sum;
}

calculateTotals();

Answer 6

Check out the latest version of Plunkr

Here is the revised approach

function calculateTotals() 
{
  var countryS = "France"
  var country = data.countries.indexOf(countryS);
  var sum = [0, 0, 0];

  for (var question = 0; question < data.questions.length; question++) 
  {
    var values = data.values[question][country];
    for(var counter = 0; counter < values.length; counter++)
    {
      sum[counter] += values[counter];
    }
  }
  document.body.innerHTML += sum;
}

DEMO

var data = {
  "questions": ["Large choice of food", "Food quality", "Food freshness"],
  "countries": ["Netherlands", "Belgium", "France"],
  "values": [
    [
      [5, 88, 18],
      [50, 83, 10],
      [29, 78, 80]
    ],

    [
      [46, 51, 61],
      [95, 21, 15],
      [49, 86, 43]
    ],
    [
      [7, 46, 92],
      [54, 94, 31],
      [89, 96, 11]
    ]
  ]
}

function calculateTotals() {
  var countryS = "France"
  var country = data.countries.indexOf(countryS);
  var sum = [0, 0, 0];

  for (var question = 0; question < data.questions.length; question++) {
    var values = data.values[question][country];
    for (var counter = 0; counter < values.length; counter++) {
      sum[counter] += values[counter];
    }
  }
  document.body.innerHTML += sum;
}

calculateTotals();

Answer 7

Answer №4

To obtain the desired result, you can utilize array.reduce method.

for (var question= 0; question < data.questions.length; question++) {
      // Extract values for the organization/country
      values = data.values[question][country];

      console.log(values);

      var sumOfValues = values.reduce(
        function(previousVal, currentVal) { 
          return previousVal + currentVal; 
        }, 0);
      console.log("Sum of values");
      console.log(sumOfValues);
    }

Here is the link to Plunker where you can view the code: https://plnkr.co//TckVhx52VcMGgb0eZjzW?p=preview

UPDATE: array.reduce proves to be one of the most efficient methods available. More information on this topic can be found through various sources. Here's one resource I found helpful. How to find the sum of an array of numbers

Answer 8

To obtain the desired result, you can utilize array.reduce method.

for (var question= 0; question < data.questions.length; question++) {
      // Extract values for the organization/country
      values = data.values[question][country];

      console.log(values);

      var sumOfValues = values.reduce(
        function(previousVal, currentVal) { 
          return previousVal + currentVal; 
        }, 0);
      console.log("Sum of values");
      console.log(sumOfValues);
    }

Here is the link to Plunker where you can view the code: https://plnkr.co//TckVhx52VcMGgb0eZjzW?p=preview

UPDATE: array.reduce proves to be one of the most efficient methods available. More information on this topic can be found through various sources. Here's one resource I found helpful. How to find the sum of an array of numbers

Answer 9

Answer №5

Experiment with the following JavaScript code utilizing nested loops to calculate all possible additions:

var array = [[29,49,89], [78,86,96], [80,43,11]];
var resultArray;

for(var i = 0, length = array.length; i < length; i++) {
    for(var j = 0, length2 = array.length; j < length2; j++) {
        resultArray+= array[j][i]; 
    } 
}

If you prefer to compute one sum at a time:

    var finalResult;
    for(var i = 0, len = array.length; i < len; i++) {
        finalResult+= array[j]["YourIndex"]; 
    }

Answer 10

Experiment with the following JavaScript code utilizing nested loops to calculate all possible additions:

var array = [[29,49,89], [78,86,96], [80,43,11]];
var resultArray;

for(var i = 0, length = array.length; i < length; i++) {
    for(var j = 0, length2 = array.length; j < length2; j++) {
        resultArray+= array[j][i]; 
    } 
}

If you prefer to compute one sum at a time:

    var finalResult;
    for(var i = 0, len = array.length; i < len; i++) {
        finalResult+= array[j]["YourIndex"]; 
    }

summing up the initial elements from every array generated dynamically

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

At what point does the cleanup function in UseEffect activate the clearInterval() function?

Having trouble accessing the data I'm setting in a separate component using the Context API

Javascript's associative arrays: a versatile tool for data organization

Utilize the push method to form a new array

Adjust the properties within the component's styles using Angular 2

What is the best way to stream an app's data directly to a browser in real time?

Using a JavaScript variable in a script source is a common practice to dynamically reference

I am encountering errors when running NPM start

Using Promise to manipulate objects and arrays returned from functions

Utilizing jQuery to execute functions from various files simultaneously with a single load statement

Utilizing Material UI's TextField components for validating React forms

Utilizing the Model URL Parameter in VueJS

Tips for sharing a React component with CSS modules that is compatible with both ES Modules and CommonJs for CSS modules integration

Trigger an alert after a separate function is completed with jQuery

Discovering the value of an item when the editItem function is triggered in jsGrid

How can I efficiently locate identical sequences of cells in two or more arrays?

What could be causing my Bootstrap carousel to only slide once?

Retrieve the value of an object without relying on hardcoded index values in TypeScript

Incorporate information into a JSON structure within SAPUI5

Using jQuery to create a flawless animation