How to map data from an array in Angular

Question

I am trying to pull data from an array, but I just want to pull the id field, not the name field as well. Using Json Stringify I can log the result in the console, here is the code and the result:

Console log:

console.log(JSON.stringify(this.selectedCustomers));

Result:

[{"id":1,"name":"John"},{"id":2,"name":"Jane"}]

The desired result should be this: [1,2]

I tried the following thinking it would filter the result:

console.log(JSON.stringify(this.selectedCustomers.id));

But I got the following error message: "Property 'id' does not exist on type 'any[]'"

How do I strip out the name field and just pull the ids? If anyone can tell me what i'm missing or how to fetch the id only it would be highly appreciated! Thanks!

Mihai Alexandru-Ionut · Accepted Answer · 2020-02-09 14:05:32Z

4

You need to use map method and destructuring.

let result = this.selectedCustomers.map(({id}) => id);

Short example:

let arr = [{"id":1,"name":"John"},{"id":2,"name":"Jane"}]
console.log(arr.map(({id}) => id));

answered Feb 9, 2020 at 14:05

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

How to map data from an array in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related