Search for objects in the array that have the same name, and then combine the values of those matching

Question

Search for objects in the array that have the same name, and then combine the values of those matching

I've done some research on various platforms, but haven't come across a solution to my specific issue. I'm looking to extract objects from an array and group them by their names in order to calculate the total hours for each matching object.

Consider this array:

var arr = [{name: 'Apple', hours: 6}, {name: 'Nokia', hours: 8}, 
           {name: 'Apple', hours: 4}, {name: 'Nokia', hours: 12},];
//expected output: [{name: 'Apple', totalHrs: '10'}], [{name: 'Nokia', totalHrs: 
         '24'}]

Any assistance would be greatly appreciated.

javascript arrays

Answer 1

Answer №1

It's not feasible for an object literal to contain two identical keys. A workaround could involve adding up the values and using the name as a key instead.

let data = [{name: 'Banana',hours: 5}, {name: 'Samsung',hours: 10},{name: 'Banana',hours: 3}, {name: 'Samsung',hours: 15}];
let result = data.reduce((x, y) => {
    x[y.name] = (x[y.name] || 0) + y.hours;
    return x;
}, {});
console.log(result);

Answer 2

It's not feasible for an object literal to contain two identical keys. A workaround could involve adding up the values and using the name as a key instead.

let data = [{name: 'Banana',hours: 5}, {name: 'Samsung',hours: 10},{name: 'Banana',hours: 3}, {name: 'Samsung',hours: 15}];
let result = data.reduce((x, y) => {
    x[y.name] = (x[y.name] || 0) + y.hours;
    return x;
}, {});
console.log(result);

Answer 3

Answer №2

Try implementing a hashing function alongside a loop

var hash={}; // create an empty object to store names and hours
var arr = [{name: 'Samsung', hours: 4}, {name: 'LG', hours: 10},
           {name: 'Samsung', hours: 6}, {name: 'Sony', hours: 8},];
for(var i=0; i<arr.length; i++)
{
    if(arr[i].name in hash)
        hash[arr[i].name]+=arr[i].hours;
    else
        hash[arr[i].name]=arr[i].hours;
}
console.log(hash);`

Answer 4

Try implementing a hashing function alongside a loop

var hash={}; // create an empty object to store names and hours
var arr = [{name: 'Samsung', hours: 4}, {name: 'LG', hours: 10},
           {name: 'Samsung', hours: 6}, {name: 'Sony', hours: 8},];
for(var i=0; i<arr.length; i++)
{
    if(arr[i].name in hash)
        hash[arr[i].name]+=arr[i].hours;
    else
        hash[arr[i].name]=arr[i].hours;
}
console.log(hash);`

Answer 5

Answer №3

If you want to filter an array by a specific property, you can use the following function:

function filterArrayByProperty(arr, property, value) {
        var resultsArr = [];
        for (var idx = 0; idx < arr.length; idx++) {
            if (arr[idx][property] == value)
                resultsArr.push(arr[idx]);
        }
        return resultsArr;
    }

To implement this function in your code, follow these steps:

var filteredItems = filterArrayByProperty(myArray, 'category', 'someCategory');
var totalSum = 0;
for(var idx = 0; idx < filteredItems.length; idx++)
    totalSum += filteredItems[idx].price;

console.log(totalSum);

You could calculate the sum while looping through the array, but it's beneficial to have a reusable method like this one.

Answer 6

If you want to filter an array by a specific property, you can use the following function:

function filterArrayByProperty(arr, property, value) {
        var resultsArr = [];
        for (var idx = 0; idx < arr.length; idx++) {
            if (arr[idx][property] == value)
                resultsArr.push(arr[idx]);
        }
        return resultsArr;
    }

To implement this function in your code, follow these steps:

var filteredItems = filterArrayByProperty(myArray, 'category', 'someCategory');
var totalSum = 0;
for(var idx = 0; idx < filteredItems.length; idx++)
    totalSum += filteredItems[idx].price;

console.log(totalSum);

You could calculate the sum while looping through the array, but it's beneficial to have a reusable method like this one.

Search for objects in the array that have the same name, and then combine the values of those matching

Answer №1

Answer №2

Answer №3

Similar questions

Contrast a multi-dimensional array against a regular array and populate any missing elements

Utilizing SlickGrid and DataView for calculating totals efficiently without the need for grouping

What could be the reason for my component not getting the asynchronous data?

Looking to attach the "addEventListener" method to multiple elements that share the same class?

Jquery scripts seem to have a hit-or-miss success rate

What is the method for using a loop in Python to combine individual variables into an array?

Creating a dynamic loader with JavaScript and PHP: A step-by-step guide

Unable to redirect to the initial page successfully

Retrieve the current URL of an IFRAME

Using PLpgSQL, the program iterates through each record within a For Loop and then generates a

Utilizing Bootstrap modal to insert data into phpMyAdmin database - a comprehensive guide

React - updating key prop does not trigger re-render of child component

Switch up the text when the image link is being hovered over

Make sure to always send back JSON data when using the default error handler in ExpressJS

Charting with multiple series

Randomizing jQuery for duplicated HTML/jQuery elements

Having trouble with jQuery's 'OR' not functioning properly when iterating through mandatory input elements

How can I attach a jQuery plugin to a textbox with a changing class name?

Ways to implement a fixed navigation bar beneath the primary navbar using ReactJS

The app.get() method in Node JS and Express requires three parameters, and I am seeking clarification on how these parameters work