Rearrange the arrangement of the array of objects

Question

Rearrange the arrangement of the array of objects

I am working with an array of objects that looks like this:

[{
  "Germany": "text",
  "Brazil": "50.00"
}, {
  "Germany": "1000.00",
  "Brazil": "1100.00"
}, {
  "Germany": "999999999",
  "Brazil": "9999999",
  "France": "12"
}]

My goal is to transform it into the following structure:

[{
  "name": "Germany",
  "value": 999999999
}, {
  "name": "Brazil",
  "value": 999999999
}, {
  "name": "France",
  "value": 12
}]

In this new structure, for each key in the first object, I want to use the higher value among all the objects.

Note: If a value is text (e.g.,

"Germany": "text"

), it should be ignored. This case has been added in the example above.

javascript arrays json

Answer 1

Answer №1

If you want to achieve your desired result, one way is to utilize the `reduce` function. Within the reduce function, you can access the `Object.entries` of the current object to group by the country name.

const data = [{
  "Germany": "100.00",
  "Brazil": "50.00"
}, {
  "Germany": "1000.00",
  "Brazil": "1100.00"
}, {
  "Germany": "999999999",
  "Brazil": "9999999",
  "France": "12"
}];

const finalResult = Object.values(data.reduce((accumulator, currentValue) => {
    Object.entries(currentValue).forEach(([country, amount]) => {
        accumulator[country] ??= {country, total: 0};
        accumulator[country].total = accumulator[country].total > amount ? accumulator[country].total : amount;
    });
    return accumulator;
}, {}));

console.log(finalResult);

Answer 2

If you want to achieve your desired result, one way is to utilize the `reduce` function. Within the reduce function, you can access the `Object.entries` of the current object to group by the country name.

const data = [{
  "Germany": "100.00",
  "Brazil": "50.00"
}, {
  "Germany": "1000.00",
  "Brazil": "1100.00"
}, {
  "Germany": "999999999",
  "Brazil": "9999999",
  "France": "12"
}];

const finalResult = Object.values(data.reduce((accumulator, currentValue) => {
    Object.entries(currentValue).forEach(([country, amount]) => {
        accumulator[country] ??= {country, total: 0};
        accumulator[country].total = accumulator[country].total > amount ? accumulator[country].total : amount;
    });
    return accumulator;
}, {}));

console.log(finalResult);

Answer 3

Answer №2

To loop through the objects, you can utilize .reduce and to iterate over each object entry, use .forEach:

const data = [
  { "Germany": "100.00", "Brazil": "50.00" }, 
  { "Germany": "1000.00", "Brazil": "1100.00" }, 
  { "Germany": "text", "Brazil": "9999999", "France": "12" }
];

const result = Object.values(data.reduce((accumulator,item) => {
  Object.entries(item).forEach(([name,value]) => {
    if(!isNaN(value)) {
      const previousValue = accumulator[name];
      if(!previousValue) accumulator[name] = { name,value } ;
      else if(previousValue.value < value) previousValue.value = value;
    }
  });
  return accumulator;
}, {}));

console.log(result);

Answer 4

To loop through the objects, you can utilize .reduce and to iterate over each object entry, use .forEach:

const data = [
  { "Germany": "100.00", "Brazil": "50.00" }, 
  { "Germany": "1000.00", "Brazil": "1100.00" }, 
  { "Germany": "text", "Brazil": "9999999", "France": "12" }
];

const result = Object.values(data.reduce((accumulator,item) => {
  Object.entries(item).forEach(([name,value]) => {
    if(!isNaN(value)) {
      const previousValue = accumulator[name];
      if(!previousValue) accumulator[name] = { name,value } ;
      else if(previousValue.value < value) previousValue.value = value;
    }
  });
  return accumulator;
}, {}));

console.log(result);

Rearrange the arrangement of the array of objects

Answer №1

Answer №2

Similar questions

Building a loading spinner component in a react-native project

Is the JavaScript file not being stored in the cache?

Issue with page scrolling while utilizing the Wow.js jQuery plugin

Exploring the complexities of object scope in Javascript

Utilizing mongoose data for rendering in express

React application not functioning on localhost:3000 despite successful compilation with no errors, only displaying the title on localhost but failing to show any content

Using a regular expression to match a JSON-formatted text file

Tips on sending a function's return value to an object in Node.js

What is the best way to access the second array in a JSON object?

How to create a sequence of queries to a mongoDB database (using mongoose) depending on a condition

Retrieve the appended element's object

Creating a background with image overlays in React: A step-by-step guide

Selenium's click() method in Python seems to experience issues when used within a script, but functions properly when used through

Is it feasible to solely utilize the "else" block for an "if...else" statement in JavaScript?

What other choices are available for the Angular ui-select2 directive?

What is the process of extracting "error" or "success" from JSON data using Kotlin?

Leveraging Async/Await to track error counts across three distinct loops, each invoking an asynchronous function in every iteration

What is the process for choosing a table column by clicking on the "select" option?

Tips for including a subquery in query results using axis

What is the best way to transfer form input data from a child component to the parent component in React?