How do I access a particular value from a nested array within object?

Question

this is the object structure. i am trying to get the value chocolate.

var nestedData = {
  innerData: {
    order: ["first", "second", "third"],
    snacks: [
      { item: "chips", cost: 20 },
      { itemName: "chocolate", cost: 40 },
      { itemName: "fruits", cost: 80 }
    ],
    numberData: {
      primeNumbers: [2, 3, 5, 7, 11],
      fibonnaci: [1, 1, 2, 3, 5, 8, 13]
    }
  }
};

I have tried below but gives undefined


let x = nestedData.innerData["snacks"]["itemName"]
console.log(x)

that's not a nested object, it's a nested array within a nested object. you need to get at the index. let x = nestedData.innerData["snacks"][1]["itemName"] — imjared
– imjared, Commented Apr 7, 2020 at 0:02

davidmwhynot · Accepted Answer · 2020-04-07 00:06:15Z

2

You can access the snack with an itemName of "chocolate" like so:

const chocolate = nestedData.innerData.snacks[1].itemName;

answered Apr 7, 2020 at 0:06

davidmwhynot

3862 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yohosuff · Accepted Answer · 2020-04-12 15:18:42Z

0

The problem is that "snacks" is an array, not an object.

Just add the index and you should be all set.

nestedData.innerData["snacks"][1]["itemName"]

answered Apr 12, 2020 at 15:18

yohosuff

1,4891 gold badge12 silver badges20 bronze badges

Collectives™ on Stack Overflow

How do I access a particular value from a nested array within object?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related