Cannot Access JSON array elements [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 3 years ago.

Improve this question

I seem to be having trouble accessing individual elements of a json array. Given this code:

json_array=JSON.parse(data);
console.log(json_array);
console.log(json_array.title);
console.log(json_array.requester);
console.log(json_array.none);

This is the output:

Array(3)
   0: {requester: false}
   1: {title: false}
   2: {none: true}
   length: 3
   [[Prototype]]: Array(0)
undefined
undefined
undefined

Obviously I am somehow accessing the individual elements incorrectly. What am I missing? TIA.

Your json array is an array and not an object, the problem is when you try to access directly a property, you should loop on the elements of your array and then access every property (json_array[0].title) — SIHEM BOUHENNICHE
– SIHEM BOUHENNICHE, Commented Aug 28, 2022 at 16:27
you are trying to access an array with dot notation which is how we access object properties,not array items — Vaggelis
– Vaggelis, Commented Aug 28, 2022 at 16:29
Does this answer your question? Accessing Object Property Values Within an Array - JavaScript — pilchard
– pilchard, Commented Aug 28, 2022 at 16:41

RedYin · Accepted Answer · 2022-08-28 16:28:59Z

2

It seems like you forget the index when accessing array

console.log(json_array[0].title);
console.log(json_array[1].requester);
console.log(json_array[2].none);

answered Aug 28, 2022 at 16:28

RedYin

1444 bronze badges

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

1 Comment

Wt Riker Over a year ago

I didn't forget, I didn't know. Thanks.

Tahlil · Accepted Answer · 2022-08-28 16:32:09Z

0

You need to access json_array this way:

console.log(json_array);
console.log(json_array[0].title);
console.log(json_array[1].requester);
console.log(json_array[2].none);

This is because your json_array is an array with three objects, like this:

[ { "title": "" }, { "requester": "" }, "none": "" ]

answered Aug 28, 2022 at 16:32

Tahlil

1,0812 gold badges17 silver badges30 bronze badges

Comments

Vaggelis · Accepted Answer · 2022-08-28 16:41:45Z

0

An alternative solution would be to destructure your array into individual variables,which you can use accordingly :

const arr = [
  {title:"title"},
  {requester:"requester"},
  {none:"none"}
]

const [title,requester,none] = arr

console.log(title,requester,none)

answered Aug 28, 2022 at 16:41

Vaggelis

1,0631 gold badge9 silver badges28 bronze badges

Comments

jafeelkhanzada · Accepted Answer · 2022-08-28 16:30:58Z

-1

Please try this:

json_array = Object.assign([], json_array).reduce((a, b) 
=> Object.assign(a, b), {});
console.log(json_array);
console.log(json_array.title);
console.log(json_array.requester);
console.log(json_array.none);

edited Aug 28, 2022 at 16:30

answered Aug 28, 2022 at 16:29

jafeelkhanzada

304 bronze badges

Collectives™ on Stack Overflow

Cannot Access JSON array elements [closed]

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Related