Turning array with objects into array with specific key from that objects?

Question

What I have is this:

const objArr = [
    {name: "John", id: 1}, 
    {name: "Marry", id: 2}, 
    {name: "Jack", id: 3}
  ]

And I want this:

const names = [
    "John",
    "Marry",
    "Jack"
  ]

How? Thanks!

There's no need for that, I am fetching some objects from server, doing this for hours and lost my self... Actually the first answer is correct and I already tried that but did not realize that it work... No need for minuses, I am just tired... Thanks guys — FatBoyGebajzla, Nov 19 '18 at 11:22

score 2 · Accepted Answer · answered Nov 19 '18 at 11:17

2

Use Array.prototype.map() to return only the name property.

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

const objArr = [
    {name: "John", id: 1}, 
    {name: "Marry", id: 2}, 
    {name: "Jack", id: 3}
  ] 

const names = objArr.map(p => p.name);

console.log(names);

answered Nov 19 '18 at 11:17

Mamun

62,450
9
45
52

1

You should really have voted to close as duplicate – trincot Nov 19 '18 at 11:30

score 1 · Answer 2 · answered Nov 19 '18 at 11:16

1

here you go ;)

const names = objArr.map(person => person.name);

answered Nov 19 '18 at 11:16

Nikita Malyschkin

614
4
17

Mihai Alexandru-Ionut · Answer 3 · 2018-11-19T11:23:59.447

1

Just use map method in combination with destructuring by passing a callback provided function as argument.

const objArr = [{name: "John", id: 1}, {name: "Marry", id: 2}, {name: "Jack", id: 3}] 
console.log(objArr.map(({name}) => name));

edited Nov 19 '18 at 11:23

answered Nov 19 '18 at 11:16

Mihai Alexandru-Ionut

44,345
11
88
115

You should really have voted to close as duplicate – trincot Nov 19 '18 at 11:30

Turning array with objects into array with specific key from that objects?

3 Answers3