Searching for various object values within an array and then adding two properties together in JavaScript

I am working with an array of objects that require me to analyze two properties in order to calculate a value.

let data = [
    {
        NodeId: "9837f279",
        NodeName: "Node1",
        summary: {
            current: 50,
            limit: 75
        }
    }, {
        NodeId: "4189f279",
        NodeName: "Node2",
        summary: {
            current: 60,
            limit: 100
        }
    }, {
        NodeId: "9837f279",
        NodeName: "Node1",
        summary: {
            current: 30,
            limit: 75
        }
    }
]

In this scenario, I want to sum up the values from all nodes:

(50 + 60 + 30) / (75 + 100 + 75) = summary.current / summary.limit

What would be the JavaScript solution for calculating this?

javascriptarraysjsonecmascript-6

Answer №1

My recommendation is to become acquainted with the Array#reduce method.

const totalCurrent = limit.reduce((sum, item) => sum + item.summary.current, 0);
const totalLimit = limit.reduce((sum, item) => sum + item.summary.limit, 0);

const totalUtilisation = totalCurrent / totalLimit;

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"Can you explain the functioning of this Node.js middleware when it doesn't require any

Currently, I am utilizing a function created by another individual for express and passport, which defines the middleware in the following manner: function isLoggedIn(req, res, next) { if (req.isAuthenticated()){ return next(); } els ...

javascriptnode.jsexpress

The webpage continues to refresh after executing a JavaScript function triggered by the AJAX response

I have experimented with various solutions for calling a JavaScript function returned from an AJAX response. While each method worked to some extent, I found that using an alert within the refreshResults function was necessary in order to display the resul ...

javascriptjqueryajaxnode.js

Exploring Laravel's method for retrieving data from multiple tables in the controller

In an effort to make my jQuery call more dynamic, I have a controller with the following method: public function api(Request $request , $project_id){ return Program::where('project_id',$project_id)->get(); } This results in: [{"id":178," ...

javascriptphpjquerymysqllaravel

In Angular, what is the best way to update the quantity of an item in a Firestore database?

Whenever I attempt to modify the quantity of an item in the cart, the quantity does not update in the firestore database. Instead, the console shows an error message: TypeError: Cannot read properties of undefined (reading 'indexOf'). It seems li ...

javascriptangularfirebase

When attempting to select an option from the dropdown menu, I encounter an issue where the

My code is not behaving as expected. Whenever I click on the child elements, the dropdown changes to display: none. I am encountering an error when clicking on the input frame and displaying:none. How can I resolve this issue? I would like to be able to ...

javascripthtml

Searching for JSON array fields in a PostgreSQL database using Rails

Struggling to define a rational scope for my problem. I am trying to extract a list of Model objects with a specific "type" field within a json array column using postgresql. If anyone can guide me in the right direction, that would be helpful. I am open ...

ruby-on-railsjsonpostgresql

Changing between two images using HTML and CSS

I am currently designing a WordPress theme and I would like to create an effect where two different thumbnail images switch on hover. The code that I have come up with so far looks something like this : <a class="thumb" href="posturl"> <img src= ...

javascripthtmlcsshover

Interacting div elements with jQuery's dynamic content

I am searching for a way to populate a div with content based on my click selection. To begin, I create a dynamic table like the one below: user name total hours worked button(unique id fetched from database) user name total ho ...

javascriptjqueryajaxcodeigniter

Incorporating ZeroClipboard or ZClip (button for copying to clipboard) using JQuery's Ajax functionality

Seeking to implement a 'copy to clipboard' feature triggered by clicking. However, I am facing a challenge as this functionality needs to be integrated with other content loaded using Ajax. Many plugins that achieve the same use Flash to bypass ...

javascriptjqueryajaxflash

What is the best way to make a JavaScript cookie remember the state of a DIV?

Seeking assistance with a test site here that is currently in development. I am attempting to make the notification at the top remain hidden once the close button is clicked. Below is my current script: <style type="text/css"> <!-- .hide { displ ...

javascriptcsscookieshidestate

Set a default value for a FormControl within react-bootstrap

When working with my email address, I utilized the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="44362125273069262b2b30373036253404746a76706a71">[email protected]</a>. In order to specify the initial value chosen ...

javascriptreactjsreact-bootstrap

When using `v-if` in Vue, it is unable to directly access boolean values within arrays

After creating a vue component, I set up the data as shown below: data: function () { return { hwshow: [false, false, false, false, false, false, false, false, false, false], }; }, I also implemented a method to toggle these values: meth ...

arraysvue.jsvue-componentvue-reactivity

Storing ajax data into a variable seems to be a challenge for me

I am facing an issue with my ajax call where I am receiving the data correctly, but I am unable to assign it to a local variable named item_price. The data that I am receiving can either be 100.00 or 115.25. Below is the snippet of my ajax code: $.ajax({ ...

javascriptajaxjquery

Sorting an array of Material-UI's <TableRow> alphabetically using ReactJS and Material-UI. How to do it!

I am currently utilizing Material-UI's <Table> and <TableRow> components by rendering an array of <TableRow>s using the .map() method. Each <TableRow> contains a <TableRowColumn> representing a first name, for example: &l ...

javascriptarraysreactjsmaterial-ui

Streaming large files with Node.js can lead to significant memory consumption and potential memory errors like OOM

My current project involves using node.js to download large files (300MB) from a server and then piping the response to a file write stream. While I have a good understanding of how pipes work in Node.js, I am encountering an issue where the memory usage o ...

javascriptnode.jsexpressheap-memorynodejs-stream

What steps can I take to ensure that my logos remain visible even when I close the menu and resize the window?

On my website, I have a menu of logos that are clickable. These logos always display except on smaller screens, where they need to be toggled to show using a hamburger menu. The menu toggles fine when it is on a smaller screen, but there is an issue when y ...

javascripthtmlcssdomresponsive-design

The initial axios GET request fails to retrieve data upon the first click

Having trouble retrieving data with button click. The issue is that the data is not fetched when clicking the button for the first time, but works fine on the second click. Here's the code snippet: const learnMores = document.querySelectorAll('. ...

javascriptnode.jsajaxaxiosfetch-api

Tips for guaranteeing blocking within a loop in Node.JS

While I usually enjoy the asynchronous nature of Node.JS and its callback-soup, I recently encountered an issue with SQLite that required a certain part of my code to be run in a blocking manner. Despite knowing that addressing the SQLite problem would mak ...

javascriptnode.jsasynchronousnpmsynchronization

Push the accordion tab upwards towards the top of the browser

I am working on an accordion menu that contains lengthy content. To improve user experience, I want to implement a slide effect when the accordion content is opened. Currently, when the first two menu items are opened, the content of the last item is disp ...

javascriptjquerycssaccordion

Using jQuery, you can disable an option upon selection and also change its border color

learn HTML code <select name="register-month" id="register-month"> <option value="00">Month</option> <option value="01">January</option> <option value="02">February</option> <option value="03"& ...

javascriptjqueryhtml