How to access element in array object [API]

Question

result: [,…]

0: {id: "58cdb1a0", type: "b", nextDate: null, status: "active",…}
Date: "2019-11-27T11:10:23.000Z"
id: "58cdb1b86"
nextDate: null
status: "active"
type: "b"

1: {id: "e7b07030-799d-43", type: "l", nextDate: "2019-12-11T00:00:00.000Z",…}
Date: null
id: "e7b07030"
nextDate: "2019-12-11T00:00:00.000Z"
status: "active"
type: "l"

Then I want to access type ===b element object

const details = this.state.Method.filter((element: any) => element.type === 'b');

Then I want to get those object elements

console.log('details.nextDate');

But console getting undefined. Can you please help me to resolve it?

Need to see more code. Can't see anything wrong with your details constant or the filter. So I suspect it may have something to do with the way you are setting state. — Daniel Duong
– Daniel Duong, Commented Nov 24, 2019 at 4:29

Abhisek Mishra · Accepted Answer · 2019-11-24 10:55:33Z

1

Filter will return an array. So you can read the output as

console.log(details[0].nextDate);

OR

You can use find, which will return an object.

const details = this.state.Method.find((element: any) => element.type === 'b');

Now you can use

console.log(details.nextDate);

answered Nov 24, 2019 at 10:55

Abhisek Mishra

2693 silver badges15 bronze badges

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

Comments

Boris Traljić · Accepted Answer · 2019-11-24 10:15:32Z

1

console.log(details[0].nextDate);

The filter() method creates a new array.

answered Nov 24, 2019 at 10:15

Boris Traljić

9561 gold badge10 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to access element in array object [API]

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