Fulfill the specified amounts for each row within a collection of items

Question

Fulfill the specified amounts for each row within a collection of items

I have an array of objects containing quantities. Each object includes a key indicating the amount to fill (amountToFill) and another key representing the already filled amount (amountFilled). The goal is to specify a quantity (amount: number = 50;) and automatically set the amountFilled to match the amountToFill, continuously reducing the value of (amount: number = 50) as the array gets filled until the amount: number equals 0.

When the amountFilled is greater than 0, caution must be taken when calculating the subtraction from the total amount.

DEMO

Initial Outcome

amountArray =[{
    option:'text',
    amountToFill: 5,
    amountFilled:0,
  },
  {
    option:'text1',
    amountToFill: 3,
    amountFilled:1,
  },
  ...
];

Desired Outcome

 amountArray1 =[{
    option:'text',
    amountToFill: 5,
    amountFilled:5,
    filled: true
  },
  {
    option:'text1',
    amountToFill: 3,
    amountFilled:3,
    filled: true
  },
  ...
];

javascript typescript

Answer 1

Answer №1

const itemsList =[{ name:'apple', quantityRequired: 10, quantityFilled:0, }, { name:'orange', quantityRequired: 20, quantityFilled:15, }, { name:'banana', quantityRequired: 30, quantityFilled:0, }, { option:'pear', quantityRequired: 15, quantityFilled:8, }];
  
 let totalQuantity = 100;
 const resultArray = itemsList.map(item => {
 const remainingQuantity = item.quantityRequired - item.quantityFilled;
 if (totalQuantity - remainingQuantity > 0) {
    totalQuantity -= remainingQuantity;
  return {...item, quantityFilled: item.quantityRequired, isFilled: !!totalQuantity}
 }
 else {
   const newObject = {...item, quantityFilled: item.quantityFilled + totalQuantity, isFilled: !!totalQuantity}
   totalQuantity = 0;
   return newObject;
 }
 });
  
console.log(resultArray);

Answer 2

const itemsList =[{ name:'apple', quantityRequired: 10, quantityFilled:0, }, { name:'orange', quantityRequired: 20, quantityFilled:15, }, { name:'banana', quantityRequired: 30, quantityFilled:0, }, { option:'pear', quantityRequired: 15, quantityFilled:8, }];
  
 let totalQuantity = 100;
 const resultArray = itemsList.map(item => {
 const remainingQuantity = item.quantityRequired - item.quantityFilled;
 if (totalQuantity - remainingQuantity > 0) {
    totalQuantity -= remainingQuantity;
  return {...item, quantityFilled: item.quantityRequired, isFilled: !!totalQuantity}
 }
 else {
   const newObject = {...item, quantityFilled: item.quantityFilled + totalQuantity, isFilled: !!totalQuantity}
   totalQuantity = 0;
   return newObject;
 }
 });
  
console.log(resultArray);

Fulfill the specified amounts for each row within a collection of items

Answer №1

Similar questions

SignOut operation in Express.js Firebase instantly responds with a status of 200 to the client-side Fetch POST request

Tips for ensuring the border matches the size of the image

JavaScript: Modifying the Style of a :lang Selector

When an option is selected in one dropdown, a list is dynamically populated in another dropdown. However, the entire column then displays the selected row's options in a table format

Module is absent in JavaScript but present in TypeScript

Getting the mssql output in Protractor using VSCode

In React, the error message "Joke.map is not a function" indicates that

Unable to reach controller action with Ajax request

Selenium throws an error message stating 'NoSuchAlertError: no alert is currently opened'

Creating a structured state declaration in NGXS for optimal organization

Identifying Master Page Controls Post-Rendering

Prevent Scrolling of Body Content within a Specified Div

Utilize the power of JavaScript to recursively map object keys

Getting Bootstrap columns to work well with Angular ng-show

Typescript's intriguing concept of objects containing arrays inside other objects

Adjust date by one day using the Datetimepicker tool

Getting an error message like "npm ERR! code ENOTFOUND" when trying to install Angular CLI using the command "

TypeScript: displaying parameters

Utilizing an Office App Ajax that includes an authentication header, the application connects to a secure Web API 2 backend with CORS

The `mouseenter` event handler fails to trigger properly on its initial invocation