How can I return or log all "name" values in this array of objects

Question

I have this array of objects. Im trying to get the "name" property to return or console log

I've tried using indexes(probably wrong) so Im pretty stuck.

var peopleArray = [{
        name: "Harrison Ford",
        occupation: "Actor"
    },
    {
        name: "Justin Bieber",
        occupation: "Singer"
    },
    {
        name: "Vladimir Putin",
        occupation: "Politician"
    },
    {
        name: "Oprah",
        occupation: "Entertainer"
    }
]

Result should be:

["Harrison Ford", "Justin Bieber", "Vladimir Putin", "Oprah"]

`I've tried` nothing according to the "code" you posted – Jaromanda X Jun 15 '19 at 01:38 — Jaromanda X, Jun 15 '19 at 01:38
What did you try? I don't see any attempts posted – Frontear Jun 15 '19 at 01:45 — Frontear, Jun 15 '19 at 01:45

score 1 · Answer 1 · answered Jun 15 '19 at 01:36

Use map:

var peopleArray = [{name:"Harrison Ford",occupation:"Actor"},{name:"Justin Bieber",occupation:"Singer"},{name:"Vladimir Putin",occupation:"Politician"},{name:"Oprah",occupation:"Entertainer"}];
const res = peopleArray.map(({ name }) => name);
console.log(res);

ES5 syntax:

var peopleArray = [{name:"Harrison Ford",occupation:"Actor"},{name:"Justin Bieber",occupation:"Singer"},{name:"Vladimir Putin",occupation:"Politician"},{name:"Oprah",occupation:"Entertainer"}];
var res = peopleArray.map(function(e) {
  return e.name;
});
console.log(res);

score 0 · Answer 2 · answered Jun 15 '19 at 01:41

To select property of array object, you can use map() function

let result = peopleArray.map(function(item) { return item['name']; });

If you want to select many properties from array object, you can use map and object destructing

result = peopleArray.map(({ name, age }) => ({
  name, 
  age
}));

var peopleArray = [{
        name: "Harrison Ford",
        occupation: "Actor",
        age: 21
    },
    {
        name: "Justin Bieber",
        occupation: "Singer",
        age: 22
    },
    {
        name: "Vladimir Putin",
        occupation: "Politician",
        age: 23
    },
    {
        name: "Oprah",
        occupation: "Entertainer",
        age: 24
    }
]

let result = peopleArray.map(function(item) { return item['name']; });
console.log(result);

result = peopleArray.map(({ name, age }) => ({
  name, 
  age
}));

console.log(result);

score 0 · Answer 3 · answered Jun 15 '19 at 01:46

You can also use a map

var person = peopleArray.map(({name}) => name);
console.log(person)
//["Harrison Ford", "Justin Bieber", "Vladimir Putin", "Oprah"]

You can use a forEach to display them one after the other

peopleArray.forEach(person => {
 console.log(person.name)
})
// "Harrison Ford"
// "Justin Bieber"
// "Vladimir Putin"
// "Oprah"

How can I return or log all "name" values in this array of objects

3 Answers3