Finding the mean value of elements in a JavaScript array

Question

Finding the mean value of elements in a JavaScript array

The JSON data contains the answers from three users:

[{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
{"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
{"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}]

To process this data using JavaScript and jQuery:

jQuery.ajax({
    url: "file.json",
    type: "POST",
    dataType: "json",
    async: false,
    success: function (data) {
    var averages = [];
    for (i = 0; i < data.length; i++) { 
        var sum = data[i].answer.split(',').reduce((acc, curr) => acc + parseInt(curr), 0);
        var average = sum / data[i].answer.split(',').length;
        averages.push(average);
    }
    console.log(averages);
});

This will calculate the average for each set of answers, resulting in these 8 average values:

2,3,3,3,2,1,3,2

javascript arrays json

Answer 1

Answer №1

function calculateAverage(arr) {
  return arr.reduce((a, b) => a + b, 0) / arr.length;
}
console.log(calculateAverage([10,20,30,40,50]));

Answer 2

function calculateAverage(arr) {
  return arr.reduce((a, b) => a + b, 0) / arr.length;
}
console.log(calculateAverage([10,20,30,40,50]));

Answer 3

Answer №2

generate a fresh array from the response and then calculate the total sum followed by division by its count

var newArray = [{
    "id": "1",
    "user": "001",
    "response": "1,1,3,2,2,1,3,2"
  },
  {
    "id": "2",
    "user": "002",
    "response": "2,3,3,2,1,1,3,2"
  },
  {
    "id": "3",
    "user": "003",
    "response": "3,5,3,5,3,1,3,2"
  }
];
newArray.forEach(function(item) {
  
  var itemArray = item.response.split(',');
  
  var averageValue = itemArray.reduce(function(prev, curr) {
    
    return +prev + +curr
    
  })
  console.log(averageValue / itemArray.length)


})

Answer 4

generate a fresh array from the response and then calculate the total sum followed by division by its count

var newArray = [{
    "id": "1",
    "user": "001",
    "response": "1,1,3,2,2,1,3,2"
  },
  {
    "id": "2",
    "user": "002",
    "response": "2,3,3,2,1,1,3,2"
  },
  {
    "id": "3",
    "user": "003",
    "response": "3,5,3,5,3,1,3,2"
  }
];
newArray.forEach(function(item) {
  
  var itemArray = item.response.split(',');
  
  var averageValue = itemArray.reduce(function(prev, curr) {
    
    return +prev + +curr
    
  })
  console.log(averageValue / itemArray.length)


})

Answer 5

Answer №3

You have the option to utilize:

Example in Action:

let data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}];

let result = data.map(o => {
  /* Splitting the string into an array using , as a delimiter */
  let a = o["answer"].split(",");
  /*
   * Returning the average of the array by first summing up using .reduce()
   * and then dividing by the number of elements in the array.
   */
  return a.reduce((a,c) => (Number(c) + a), 0) / a.length;
});

console.log(result);

Answer 6

You have the option to utilize:

Example in Action:

let data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}];

let result = data.map(o => {
  /* Splitting the string into an array using , as a delimiter */
  let a = o["answer"].split(",");
  /*
   * Returning the average of the array by first summing up using .reduce()
   * and then dividing by the number of elements in the array.
   */
  return a.reduce((a,c) => (Number(c) + a), 0) / a.length;
});

console.log(result);

Answer 7

Answer №4

After receiving the answer, the next step is to split it by commas and convert the values to numbers. This process creates an array for each answer, allowing you to iterate through and calculate the average by adding all the numbers together and dividing by the count (the length of the array).

Keep in mind that the values in the answers are strings, so ensure to change them to numbers before performing any arithmetic operations. Otherwise, you will end up adding characters instead of numerical values.

var data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}]

var arr = [];
for (var i = 0; i < data.length; i++) {
  var d = data[i].answer.split(",");
  var sum = 0;
  for (var j = 0; j < d.length; j++) {
    sum += parseInt(d[j]);
  }
  arr.push(sum / d.length);
}
console.log(arr);

If you require the average of each individual value from the three sets of answers, a slight modification is needed. You will first need to add up the corresponding values from each set and then calculate the averages:

var data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}]

var arr = [];
for (var i = 0; i < data.length; i++) {
  var d = data[i].answer.split(",");
  for (var j = 0; j < d.length; j++) {
    d[j] = parseInt(d[j]);
  }
  if (arr.length == 0)
    arr = d;
  else {
    for (var j = 0; j < d.length; j++) {
      arr[j] += d[j];
    }
  }
}
for (var i = 0; i < arr.length; i++) {
  arr[i] = arr[i] / data.length;
}
console.log(arr);

Please note: This method assumes that each set of answers contains an equal number of values.

Answer 8

After receiving the answer, the next step is to split it by commas and convert the values to numbers. This process creates an array for each answer, allowing you to iterate through and calculate the average by adding all the numbers together and dividing by the count (the length of the array).

Keep in mind that the values in the answers are strings, so ensure to change them to numbers before performing any arithmetic operations. Otherwise, you will end up adding characters instead of numerical values.

var data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}]

var arr = [];
for (var i = 0; i < data.length; i++) {
  var d = data[i].answer.split(",");
  var sum = 0;
  for (var j = 0; j < d.length; j++) {
    sum += parseInt(d[j]);
  }
  arr.push(sum / d.length);
}
console.log(arr);

If you require the average of each individual value from the three sets of answers, a slight modification is needed. You will first need to add up the corresponding values from each set and then calculate the averages:

var data = [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"},
            {"id":"2","user":"002","answer":"2,3,3,2,1,1,3,2"},
            {"id":"3","user":"003","answer":"3,5,3,5,3,1,3,2"}]

var arr = [];
for (var i = 0; i < data.length; i++) {
  var d = data[i].answer.split(",");
  for (var j = 0; j < d.length; j++) {
    d[j] = parseInt(d[j]);
  }
  if (arr.length == 0)
    arr = d;
  else {
    for (var j = 0; j < d.length; j++) {
      arr[j] += d[j];
    }
  }
}
for (var i = 0; i < arr.length; i++) {
  arr[i] = arr[i] / data.length;
}
console.log(arr);

Please note: This method assumes that each set of answers contains an equal number of values.

Finding the mean value of elements in a JavaScript array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Versatile route able to handle any request thrown its way

Exploring an ArrayList using a user-defined object

PHP: Avoiding Loading Records with Null Fields into an Array

Is NextJS on-demand revalidation compatible with Next/link?

Reducing the length of Javascript code

Multiple executions can be triggered by ng-checked function

Exploring the impact of JavaScript tags on website performance in accordance with W3

Executing PHP scripts using Ajax

Ways to verify the emptiness of a Gson JsonObject using the "isEmpty()" method

directive ng-click not responding

Initiating communication with a web service API

What is the process for transforming the outcome of a Javascript function into a webpage containing solely a JSON string?

Obtain the identification numbers from the row within the table

Dragging elements with jQuery to move them outside of a side panel

What causes Webpack to overlook changes in React and HMR integration?

What is the best way to increase the number of elements associated with a particular key in an

Troubleshooting legacy components integration in Next.js (Error resolving 'react/jsx-dev-runtime' and issue with importing Global CSS files)

Clicking on a JQuery element triggers an AJAX function, although the outcome is not aligned with the intended

Ensure that the central section of the slider remains illuminated

Uploading a file with AngularJS and storing it in a database