Using JavaScript to insert array elements at various positions

Question

Using JavaScript to insert array elements at various positions

I am facing a scenario where I have an array structured as follows:

[
    { "Fare":10, "TotalFare":30 },
    { "Fare":20, "TotalFare":50 },
    { "Fare":30, "TotalFare":100 }
]

My objective is to accumulate all the fare values into a single variable at index 0.

For instance, accessing array[0].fare should yield the total amount of 60

I understand that this can be achieved with a for loop such as array[0].fare += array[i].fare

However, considering that my array contains data from 64/65 columns which need to be summed up, using the above method would make the code extremely lengthy,

Hence, I am wondering if there is a more efficient way to achieve this task?

Any suggestions or recommendations on how to approach this situation are highly appreciated.

javascript arrays

Answer 1

Answer №1

If you want to calculate the total sum of values for each key in an array of objects, you can achieve this by using the combination of reduce method and Object.keys.

let data = [ { "Fare":10, "TotalFare":30 }, { "Fare":20, "TotalFare":50 }, { "Fare":30, "TotalFare":100 }];

data[0] = Object.keys(data[0]).reduce(function(obj, key){
  obj[key] = data.map(item => item[key]).reduce((acc, value) => acc + value);
  return obj;
},{});
console.log(data[0]);

Answer 2

If you want to calculate the total sum of values for each key in an array of objects, you can achieve this by using the combination of reduce method and Object.keys.

let data = [ { "Fare":10, "TotalFare":30 }, { "Fare":20, "TotalFare":50 }, { "Fare":30, "TotalFare":100 }];

data[0] = Object.keys(data[0]).reduce(function(obj, key){
  obj[key] = data.map(item => item[key]).reduce((acc, value) => acc + value);
  return obj;
},{});
console.log(data[0]);

Answer 3

Answer №2

array.reduce((accumulator, value) => accumulator + value);

I haven't had the chance to verify this, but I believe that utilizing array.reduce could help streamline your solution.

Answer 4

array.reduce((accumulator, value) => accumulator + value);

I haven't had the chance to verify this, but I believe that utilizing array.reduce could help streamline your solution.

Answer 5

Answer №3

To begin, you must insert a new element at the start of the array by using the unshift() method. After that, iterate through the array using a forEach() loop like this:

var arr = [
    { "Fare":10, "TotalFare":30 },
    { "Fare":20, "TotalFare":50 },
    { "Fare":30, "TotalFare":100 }
];
arr.unshift({"Fare":0});
arr.forEach(obj=>arr[0].Fare += obj.Fare);
console.log(arr[0].Fare);

Answer 6

To begin, you must insert a new element at the start of the array by using the unshift() method. After that, iterate through the array using a forEach() loop like this:

var arr = [
    { "Fare":10, "TotalFare":30 },
    { "Fare":20, "TotalFare":50 },
    { "Fare":30, "TotalFare":100 }
];
arr.unshift({"Fare":0});
arr.forEach(obj=>arr[0].Fare += obj.Fare);
console.log(arr[0].Fare);

Using JavaScript to insert array elements at various positions

Answer №1

Answer №2

Answer №3

Similar questions

Trouble with executing jquery window.open during ajax success due to blocking

When clicking on links that are not within the ng-view element, you will be redirected to the

Calculate the sum of the column values and disable the option to insert new rows in the UI grid

Error encountered while utilizing fullCalendar: Uncaught TypeError - Unable to convert undefined or null to object

The thumbnail image is failing to load, and when I hover over an image, it moves upwards

Choose all the checkboxes alongside the markers on Google Maps

Tips for creating visually appealing text on a web browser with the help of open-source libraries

Tips for locating a specific property deep within an array and pinpointing its exact location

How do I incorporate a standalone checkbox in a React Material-UI table without affecting row selection upon clicking?

What could be causing this jQuery selector to not select any elements?

Continuing a discussion in Bot Framework leads to an error: Unable to execute 'set' on a proxy that has been invalidated

How do I transform the date "Tue Nov 26 2019 16:00:00 GMT-0800" into the .NET JSON date format "/Date(1574812800000)/"?

Constructing a hierarchical tree structure using an array of objects that are initially flat

Issue with Express - Session not persisting across consecutive SSE requests

Occasional TypeError when receiving JSONP response using jQuery .ajax()

Using setInterval in React within an onChange event

The callback for the array change listener is not receiving any arguments

Empty box within a horizontal sequence

Retrieve new data upon each screen entry

Deliver real-time notifications to linked users by leveraging socket.io and node.js