Fetch from array of objects

Question

I have an array of objects

var arr = [{id:1, animal:'dog'}, {id:3, animal:'tiger'}, {id:2, animal:'elephant'}, {id:5, animal:'cat'}];

I want to fetch ids from above array of object and make another array like

var idArray = [1,3,2,5];

Please suggest a concise es6 solution.

Ori Drori · Accepted Answer · 2017-09-22 12:02:00Z

2

Use Array#map to iterate the array, and pluck the id using an arrow function, and destructuring for the ES6 flavor:

const arr = [{id:1, animal:'dog'}, {id:3, animal:'tiger'}, {id:2, animal:'elephant'}, {id:5, animal:'cat'}]

const result = arr.map(({ id }) => id);

console.log(result);

edited Sep 22, 2017 at 12:02

answered Sep 22, 2017 at 11:45

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

P.S. · Accepted Answer · 2017-09-22 11:45:25Z

2

You can do it in one row using map (it will create new array, and will put id from every iteration through arr to idArray), here it is:

var arr = [{id:1, animal:'dog'}, {id:3, animal:'tiger'}, {id:2, animal:'elephant'}, {id:5, animal:'cat'}];

var idArray = arr.map(function(item) {return item.id});
console.log(idArray);

answered Sep 22, 2017 at 11:45

P.S.

16.4k14 gold badges65 silver badges86 bronze badges

2 Comments

ThinkGeek Over a year ago

This answer is also correct, but answer from @ori is more es6.

P.S. Over a year ago

@LokeshAgrawal, I agree, ES6 solutions with arrow functions are more elegant, but not all developers are using ES6, I based on this when wrote the answer.

Collectives™ on Stack Overflow

Fetch from array of objects

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related