Why does my fetched JSON has [object] instead of an array?

Question

I would like to sort out some data from a Fetch API JSON. Using Postman GET is fine, but when I use console.log() to print out the result, it has the [Array] printed out instead. Also, I cannot access the "foodNutrients" array in my code.

When I enter the url using Postman GET

"foodNutrients": [
                {
                    "nutrientId": 1051,
                    "nutrientName": "Water",
                    "nutrientNumber": "255",
                    "unitName": "G",
                    "derivationCode": "A",
                    "derivationDescription": "Analytical",
                    "value": 0E-8
                },
                {
                    "nutrientId": 1003,
                    "nutrientName": "Protein",
                    "nutrientNumber": "203",
                    "unitName": "G",
                    "derivationCode": "A",
                    "derivationDescription": "Analytical",
                    "value": 24.40000000
                },
               ]

But when I use Fetch and use console.log()

  {
    //some fields

    foodNutrients: [Array]
  },

my code

const dataFilter= (response) => {
    console.log(response)

 async function getData() {
    fetch('https://api.nal.usda.gov/fdc/v1/foods/search?api_key=DEMO_KEY&query=0')
      .then(response => response.json())
      .then(response => dataFilter(response))
  }
  getData()

Thanks for the help :)

its an object in postman and in console.log both i don't what are you trying to ask exactly — pavan kumar
– pavan kumar, Commented Jun 24, 2020 at 12:23
What do you get when you do console.log(JSON.stringify(response, null, 2))? — trincot
– trincot, Commented Jun 24, 2020 at 12:24

Quentin · Accepted Answer · 2020-06-24 12:25:56Z

2

This is just how the Console expresses "There is a large array here".

It's a performance feature which works by simplifying the view on the data.

You could, for example, change console.log(response) to response.foodNutrients.forEach(nut => console.log(nut)) will show the objects in the array.

edited Jun 24, 2020 at 12:25

answered Jun 24, 2020 at 12:24

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

ChuChuwi Over a year ago

Ah. I should also be able to access the data inside it right?

Collectives™ on Stack Overflow

Why does my fetched JSON has [object] instead of an array?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related