How do I loop through an array of objects?

Question

I am trying to use a forEach loop to loop through an array of JSON objects so that I can print the values to the document.

const incomes = [
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
];

for (i = 0; i < incomes.length; i++) {
  document.write(incomes.amount);
}

Above you can see the code I've been trying, but the issue is all that shows up on the document is "undefined undefined undefined undefined undefined".

Do you know why it is saying these values are undefined?

Many thanks!

`incomes` is the whole array and `incomes[i]` is the individual element of the array, so it should be `incomes[i].amount`. — SuperStormer, Mar 06 '22 at 20:03

score -1 · Accepted Answer · answered Mar 06 '22 at 20:05

Use incomes[i].amount

const incomes = [
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
  {
    name: "Walter",
    amount: 100,
    recurring: true,
  },
];

for (i = 0; i < incomes.length; i++) {
  document.write(incomes[i].amount);
}

Ohh yess brilliant ! That got it working thanks! – Jordan Bendon Mar 07 '22 at 06:48 — Jordan Bendon, Mar 07 '22 at 06:48

How do I loop through an array of objects?

1 Answers1