Traversing through an array of objects using a for loop and accessing each object within the array

Question

Traversing through an array of objects using a for loop and accessing each object within the array

const bankAccounts = [
  {
    id: 1,
    name: "Susan",
    balance: 100.32,
    deposits: [150, 30, 221],
    withdrawals: [110, 70.68, 120],
  },
  { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] },
  {
    id: 3,
    name: "Joshua",
    balance: 18456.57,
    deposits: [4000, 5000, 6000, 9200, 256.57],
    withdrawals: [1500, 1400, 1500, 1500],
  },
  { id: 4, name: "Candy", balance: 0.0 },
  { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] },
];

function getAllWithdrawals(bankAccounts) {
  let newArr = [];
  for (let acc of bankAccounts) {
    if (acc.withdrawals) {
      newArr.push(acc.withdrawals)
    } else if (!acc.withdrawals) {
      newArr.push(0);
    }
  }
  return newArr;
}

I am attempting to access the array objects and find a way to extract the withdrawal amounts from each object that has them. I aim to total these withdrawal amounts and store them in the blank array called "newArr". Do I require another for loop to achieve this task? My main objective is to iterate through the objects, identify those with withdrawal arrays, add up the amounts within those arrays, and then push the grand total into the "newArr".

javascript arrays for-loop object if-statement

Answer 1

Answer №1

Presented below is a solution in functional programming leveraging map reduce methodology:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] }, ];

function getAllWithdrawals(bankAccounts) {
  return bankAccounts.map(obj => {
    return obj.withdrawals ? obj.withdrawals.reduce((sum, num) => sum + num, 0) : 0;
  });
}

console.log(getAllWithdrawals(bankAccounts));

Output:

Docs:

Introduction to map reduce: https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d
.map(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
.reduce(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reduce

Shown below is an improved version where the function accepts either the 'deposits' or 'withdrawls' key:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100]
}, ]; 

function getSums(bankAccounts, key) {
  return bankAccounts.map(obj => {
    return obj[key] ? obj[key].reduce((sum, num) => sum + num, 0) : 0;
  });
}

console.log({
  deposits: getSums(bankAccounts, 'deposits'),
  withdrawals: getSums(bankAccounts, 'withdrawals'),
});

Output:

{
  "deposits": [
    401,
    1100,
    24456.57,
    0,
    118
  ],
  "withdrawals": [
    300.68,
    0,
    5900,
    0,
    100
  ]
}

UPDATE 1: Requested usage of only for loops incorporated:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] }, ];

function getAllWithdrawals(bankAccounts) {
  let result = [];
  for (let obj of bankAccounts) {
    let sum = 0;
    if(obj.withdrawals) {
      for (num of obj.withdrawals) {
        sum += num;
      }
    }
    result.push(sum);
  }
  return result;
}

console.log(getAllWithdrawals(bankAccounts));

Answer 2

Presented below is a solution in functional programming leveraging map reduce methodology:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] }, ];

function getAllWithdrawals(bankAccounts) {
  return bankAccounts.map(obj => {
    return obj.withdrawals ? obj.withdrawals.reduce((sum, num) => sum + num, 0) : 0;
  });
}

console.log(getAllWithdrawals(bankAccounts));

Output:

Docs:

Introduction to map reduce: https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d
.map(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
.reduce(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reduce

Shown below is an improved version where the function accepts either the 'deposits' or 'withdrawls' key:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100]
}, ]; 

function getSums(bankAccounts, key) {
  return bankAccounts.map(obj => {
    return obj[key] ? obj[key].reduce((sum, num) => sum + num, 0) : 0;
  });
}

console.log({
  deposits: getSums(bankAccounts, 'deposits'),
  withdrawals: getSums(bankAccounts, 'withdrawals'),
});

Output:

{
  "deposits": [
    401,
    1100,
    24456.57,
    0,
    118
  ],
  "withdrawals": [
    300.68,
    0,
    5900,
    0,
    100
  ]
}

UPDATE 1: Requested usage of only for loops incorporated:

const bankAccounts = [ { id: 1, name: "Susan", balance: 100.32, deposits: [150, 30, 221], withdrawals: [110, 70.68, 120], }, { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] }, { id: 3, name: "Joshua", balance: 18456.57, deposits: [4000, 5000, 6000, 9200, 256.57], withdrawals: [1500, 1400, 1500, 1500], }, { id: 4, name: "Candy", balance: 0.0 }, { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] }, ];

function getAllWithdrawals(bankAccounts) {
  let result = [];
  for (let obj of bankAccounts) {
    let sum = 0;
    if(obj.withdrawals) {
      for (num of obj.withdrawals) {
        sum += num;
      }
    }
    result.push(sum);
  }
  return result;
}

console.log(getAllWithdrawals(bankAccounts));

Answer 3

Answer №2

It seems like there might be some confusion in your question, but if you need to calculate the total of all withdrawals, you can follow this approach:

const bankAccounts = [
  {
    id: 1,
    name: "Susan",
    balance: 100.32,
    deposits: [150, 30, 221],
    withdrawals: [110, 70.68, 120],
  },
  { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] },
  {
    id: 3,
    name: "Joshua",
    balance: 18456.57,
    deposits: [4000, 5000, 6000, 9200, 256.57],
    withdrawals: [1500, 1400, 1500, 1500],
  },
  { id: 4, name: "Candy", balance: 0.0 },
  { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] },
];

function getAllWithdrawals(bankAccounts) {
  let newArr = [];
  for (let acc of bankAccounts) {
    if (!!acc.withdrawals) {
    acc.withdrawals.forEach(withdrawal => newArr.push(withdrawal))
    }
  }
  return newArr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
}

console.log(getAllWithdrawals(bankAccounts))

If you need to sum the withdrawals for each individual object instead, you can use the following code:

const bankAccounts = [
  {
    id: 1,
    name: "Susan",
    balance: 100.32,
    deposits: [150, 30, 221],
    withdrawals: [110, 70.68, 120],
  },
  { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] },
  {
    id: 3,
    name: "Joshua",
    balance: 18456.57,
    deposits: [4000, 5000, 6000, 9200, 256.57],
    withdrawals: [1500, 1400, 1500, 1500],
  },
  { id: 4, name: "Candy", balance: 0.0 },
  { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] },
];

function getAllWithdrawals(bankAccounts) {
  let newArr = [];
  for (let acc of bankAccounts) {
    if (!!acc.withdrawals) {
        newArr.push(acc.withdrawals.reduce((accumulator, currentValue) => accumulator + currentValue, 0))
    }
  }
  return newArr;
}

console.log(getAllWithdrawals(bankAccounts))

Answer 4

It seems like there might be some confusion in your question, but if you need to calculate the total of all withdrawals, you can follow this approach:

const bankAccounts = [
  {
    id: 1,
    name: "Susan",
    balance: 100.32,
    deposits: [150, 30, 221],
    withdrawals: [110, 70.68, 120],
  },
  { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] },
  {
    id: 3,
    name: "Joshua",
    balance: 18456.57,
    deposits: [4000, 5000, 6000, 9200, 256.57],
    withdrawals: [1500, 1400, 1500, 1500],
  },
  { id: 4, name: "Candy", balance: 0.0 },
  { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] },
];

function getAllWithdrawals(bankAccounts) {
  let newArr = [];
  for (let acc of bankAccounts) {
    if (!!acc.withdrawals) {
    acc.withdrawals.forEach(withdrawal => newArr.push(withdrawal))
    }
  }
  return newArr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
}

console.log(getAllWithdrawals(bankAccounts))

If you need to sum the withdrawals for each individual object instead, you can use the following code:

const bankAccounts = [
  {
    id: 1,
    name: "Susan",
    balance: 100.32,
    deposits: [150, 30, 221],
    withdrawals: [110, 70.68, 120],
  },
  { id: 2, name: "Morgan", balance: 1100.0, deposits: [1100] },
  {
    id: 3,
    name: "Joshua",
    balance: 18456.57,
    deposits: [4000, 5000, 6000, 9200, 256.57],
    withdrawals: [1500, 1400, 1500, 1500],
  },
  { id: 4, name: "Candy", balance: 0.0 },
  { id: 5, name: "Phil", balance: 18, deposits: [100, 18], withdrawals: [100] },
];

function getAllWithdrawals(bankAccounts) {
  let newArr = [];
  for (let acc of bankAccounts) {
    if (!!acc.withdrawals) {
        newArr.push(acc.withdrawals.reduce((accumulator, currentValue) => accumulator + currentValue, 0))
    }
  }
  return newArr;
}

console.log(getAllWithdrawals(bankAccounts))

Traversing through an array of objects using a for loop and accessing each object within the array

Answer №1

Answer №2

Similar questions

What is the best way to extract substrings from a given string for the entire length of the string and then store them in an array?

Extracting input value using HTML and JavaScript

Tips for modifying the style of a component within node_modules using its individual vue <style> sections

Is there a way to toggle a command for a specific discord server rather than enabling it for all servers where the bot is present?

Unlock the full potential of ngx-export-as options with these simple steps

Having trouble with passing parameters in AngularJS $state.go?

Tips for Retrieving Data from a Multi-Dimensional Array

Just systems that have been positively identified

Guide to keeping numerous movie titles in an array with a for loop in Java

Trigger the jQuery function once the external URL loaded via AJAX is fully loaded

The Model.function method is not a valid function that can be used within a router

Update the href tag to javascript: instead of #

Error: Unable to retrieve the specified ID

Can Authorization be Combined with Filtering in a Node.js RESTful API?

What is the best way to utilize class labels?

Mastering the Art of Parsing Complex JSON Data

What is the process of sending JSON data from an Express server?

Disable scrolling to the next component until the animation is fully finished with the help of framer

repetitive process using values from an array

Creating a dynamic HTML select form with generated options - tips and tricks