Loop through an array of objects in order to identify the key that holds the highest sum of values

Question

Loop through an array of objects in order to identify the key that holds the highest sum of values

const repos = [
  { JavaScript: 82061, CSS: 4992, HTML: 1992 },
  { Ruby: 47816, HTML: 8638, JavaScript: 4419, CSS: 1842 },
  { CSS: 5006, JavaScript: 812, HTML: 336 },
  { Ruby: 1898 },
];

The API has responded.

Each element in the array represents a user's GitHub repository. I am interested in determining their preferred coding language based on total size of code written in that language. Other languages may also be considered.

I am seeking a function that would identify "JavaScript" as the preferred language in this scenario.

javascript arrays object

Answer 1

Answer №1

To begin, utilize the reduce function to obtain a single object containing the sum of all language types (refer to the `totals` object below).

Once you have this object, convert it into an array of key-value pairs using Object.entries, and then execute another reduce operation on it to determine the language with the highest line count.

const codebases = [
  { JavaScript: 82061, CSS: 4992, HTML: 1992 },
  { Ruby: 47816, HTML: 8638, JavaScript: 4419, CSS: 1842 },
  { CSS: 5006, JavaScript: 812, HTML: 336 },
  { Ruby: 1898 }
];

const totals = codebases.reduce((accumulator, obj) => {
  for (const key of Object.keys(obj)) {
    accumulator[key] = (accumulator[key] || 0) + obj[key];
  }
  return accumulator;
}, {});

const maxCount = Object.entries(totals).reduce((accumulator, obj) => obj[1] > accumulator[1] ? obj : accumulator);

console.log('most utilized language:', maxCount[0], ', total lines:', maxCount[1]);

Answer 2

To begin, utilize the reduce function to obtain a single object containing the sum of all language types (refer to the `totals` object below).

Once you have this object, convert it into an array of key-value pairs using Object.entries, and then execute another reduce operation on it to determine the language with the highest line count.

const codebases = [
  { JavaScript: 82061, CSS: 4992, HTML: 1992 },
  { Ruby: 47816, HTML: 8638, JavaScript: 4419, CSS: 1842 },
  { CSS: 5006, JavaScript: 812, HTML: 336 },
  { Ruby: 1898 }
];

const totals = codebases.reduce((accumulator, obj) => {
  for (const key of Object.keys(obj)) {
    accumulator[key] = (accumulator[key] || 0) + obj[key];
  }
  return accumulator;
}, {});

const maxCount = Object.entries(totals).reduce((accumulator, obj) => obj[1] > accumulator[1] ? obj : accumulator);

console.log('most utilized language:', maxCount[0], ', total lines:', maxCount[1]);

Answer 3

Answer №2

Based on a variation of @David784's solution found here (don't forget to credit them!), as I have a personal aversion to using for loops within reduce functions.

const repos = [
  { JavaScript: 82061, CSS: 4992, HTML: 1992 },
  { Ruby: 47816, HTML: 8638, JavaScript: 4419, CSS: 1842 },
  { CSS: 5006, JavaScript: 812, HTML: 336 },
  { Ruby: 1898 }
];

const mergeObjects = (obj1, obj2) =>
  Object.keys(obj2).reduce(
    (acc, key) => Object.assign(acc, { [key]: (acc[key] || 0) + obj2[key] }),
    obj1
  );

const calculateTotals = (array) => array.reduce(mergeObjects, {});

const maxLanguage = Object.entries(calculateTotals(repos))
  .reduce((max, item) => item[1] > max[1] ? item : max);

console.log('Most used language:', maxLanguage[0], ', Total lines:', maxLanguage[1]);

Answer 4

Based on a variation of @David784's solution found here (don't forget to credit them!), as I have a personal aversion to using for loops within reduce functions.

const repos = [
  { JavaScript: 82061, CSS: 4992, HTML: 1992 },
  { Ruby: 47816, HTML: 8638, JavaScript: 4419, CSS: 1842 },
  { CSS: 5006, JavaScript: 812, HTML: 336 },
  { Ruby: 1898 }
];

const mergeObjects = (obj1, obj2) =>
  Object.keys(obj2).reduce(
    (acc, key) => Object.assign(acc, { [key]: (acc[key] || 0) + obj2[key] }),
    obj1
  );

const calculateTotals = (array) => array.reduce(mergeObjects, {});

const maxLanguage = Object.entries(calculateTotals(repos))
  .reduce((max, item) => item[1] > max[1] ? item : max);

console.log('Most used language:', maxLanguage[0], ', Total lines:', maxLanguage[1]);

Loop through an array of objects in order to identify the key that holds the highest sum of values

Answer №1

Answer №2

Similar questions

If the camera position in Three.js is trapped within an if-else statement

What is the best way to initiate an onload event from a script embedded within a jquery plugin?

Exploring the importance of defining a JSONP callback function

What is the reason behind JavaScript objects lacking a toJSON() method?

Issue with Fullcalendar's events.php causing JSON object retrieval failure

When using Material UI TextField with input type "date", the event.target.value does not seem to be accessible

The lookahead will only find a match if there are brackets present within the string

What is the best way to incorporate modules into the client side of TypeScript projects?

Flask app facing compatibility issues with jQuery .getJSON

Merge two separate Vue applications into one cohesive application

Associating data with controller upon click event

Guide to adjusting column width in an XLSX worksheet using Angular4

I'm having trouble customizing the appearance of a Tab Panel using the TabsAPI. The panel keeps expanding in strange ways. How can I

Challenges with creating a contact form using bootstrap modal

Using jQuery to select elements with specific innerHTML values

Tips on automatically populating a textbox without the need for a button click

Triggering the AJAX function in the main window

I am looking to create a side menu that will allow for dynamic class changes upon clicking

Storing self-updating entities in the state of a React component

Switch back and forth between two different function loops by clicking