Breaking up an array of objects in JavaScript

Question

Breaking up an array of objects in JavaScript

I have an array of objects that I need to split based on the total amount. First, calculate the sum of the total amount, then split the array based on the total amount. If the total amount is greater than or equal to 4, they will be split and the key of the object will be used as a new key.

{
  25: [
    {
      id: 96207,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96484,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96208,
      name: "Client Name",
      phone: "123456789",
      amount: 2,
      …
    },
    {
      id: 96261,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96367,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96431,
      name: "Client Name",
      phone: "123456789",
      amount: 4,
      …
    },
    {
      id: 96432,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96483,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96515,
      name: "Client Name",
      phone: "123456789",
      amount: 2,
      …
    },
    {
      id: 96536,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96560,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    }
  ]
}

I want to divide it like this based on the amount if the total amount is greater than or equal to 4.

{
  25: [
    {
      id: 96207,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96484,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96208,
      name: "Client Name",
      phone: "123456789",
      amount: 2,
      …
    }
  ]
},{
  25: [ 
    {
      id: 96261,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96367,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96432,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96483,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    }
  ]
}, {
  25: [
    {
      id: 96431,
      name: "Client Name",
      phone: "123456789",
      amount: 4,
      …
    }
  ]
}, {
  25: [
    {
      id: 96515,
      name: "Client Name",
      phone: "123456789",
      amount: 2,
      …
    },
    {
      id: 96536,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    },
    {
      id: 96560,
      name: "Client Name",
      phone: "123456789",
      amount: 1,
      …
    }
  ]
}

Can anyone help me achieve this result?

javascript arrays split

Answer 1

Answer №1

It appears that you have four items in your result instead of the expected five. While you may be considering merging the items after splitting to minimize the number of elements, I can offer you a solution that maintains the natural order without merging them. Feel free to reach out if you need any further assistance:

let input = {
  // Input object with multiple items
};

// Splitting logic based on amount value
let output = [];
for (let key in input) {
    let amount = 0;
    let obj = [];
    for (let item of input[key]) {
        if ((amount + item.amount > 4) && (obj.length)) {
            output.push({[key]: obj});
            obj = [];
            amount = 0;
        }
        amount += item.amount;
        obj.push(item);
    }
    if (obj.length) output.push({[key]: obj});
}

console.log(output)

Answer 2

It appears that you have four items in your result instead of the expected five. While you may be considering merging the items after splitting to minimize the number of elements, I can offer you a solution that maintains the natural order without merging them. Feel free to reach out if you need any further assistance:

let input = {
  // Input object with multiple items
};

// Splitting logic based on amount value
let output = [];
for (let key in input) {
    let amount = 0;
    let obj = [];
    for (let item of input[key]) {
        if ((amount + item.amount > 4) && (obj.length)) {
            output.push({[key]: obj});
            obj = [];
            amount = 0;
        }
        amount += item.amount;
        obj.push(item);
    }
    if (obj.length) output.push({[key]: obj});
}

console.log(output)

Breaking up an array of objects in JavaScript

Answer №1

Similar questions

Getting an Object in PostgreSQL without the need for square brackets wrapping when using Node.js and Express

Add an asterisk before each line of comment when working in a TypeScript file using the VS Code IDE

Change glb files to draco glb in the frontend

How do I go about extracting and presenting the JSON data from the ESPN API?

Which javascript libraries or game engines can be utilized to create a 3D environment with x, y, z coordinates to monitor the movement of objects?

What is preventing me from obtaining the select and input values?

Change from displaying web content to showing app content by utilizing Javascript

How is it possible that my code is continuing to run when it is supposed to be

Validating Credit Card Numbers with Spaces

HTML and Javascript Form Integration for Sage Pay Purchase Button

Top method for shutting down a web browser tab without needing to wait for an AJAX reply

What's preventing me from tapping on hyperlinks on my mobile device?

Error: The `concurrent` command was not found when attempting to start the npm script

Access and retrieve pkpass files from a server using React

Problem uploading files with ajax in Laravel version 6

Access the value of a JSON property, return null if the key is not found, all in one line of JavaScript code

Guide on retrieving a nested JSON array to extract a comprehensive list of values from every parameter within every object

How to retrieve the current element in AngularJS version 1.x

Troubleshooting Issue 415: Adding and modifying database records through jQuery AJAX in ASP.NET 6.0 MVC Application

Error: Mocha Scope Function Undefined