如何在不迭代数组的情况下提取对象数组中特定键的值？

Question

Let's say I have an object array call movies like below.

movies = [{ id : 1,title : 'Black Panther'},{ id : 2,title : 'Avengers'},{ id : 1,title : 'Justice League'},{ id : 4,title : 'Infinity War'},{ id : 5,title : 'Spider man'}]

Is there anyway I can extract the value of particular key from every object ? Like this titles array.

titles = ['Black Panther','Avengers','Justice League','Infinity War','Spider Man']

At the moment I'm doing it using map function. Is there any other way to achieve this without iterating over every object. Can this be achieved using ES6 rest/spread feature ?

Answer 1

No, you cannot do this without looping through the array. And no, rest/spread wouldn't help.

You've said you're using map , which is probably the simplest way:

titles = movies.map(e => e.title);

 const movies = [{ id : 1,title : 'Black Panther'},{ id : 2,title : 'Avengers'},{ id : 1,title : 'Justice League'},{ id : 4,title : 'Infinity War'},{ id : 5,title : 'Spider man'}]; const titles = movies.map(e => e.title); console.log(JSON.stringify(titles)); 

or with destructuring:

titles = movies.map(({title}) => title);

 const movies = [{ id : 1,title : 'Black Panther'},{ id : 2,title : 'Avengers'},{ id : 1,title : 'Justice League'},{ id : 4,title : 'Infinity War'},{ id : 5,title : 'Spider man'}]; const titles = movies.map(({title}) => title); console.log(JSON.stringify(titles)); 

You could also use for-of :

titles = [];
for (const {title} of movies) {
    titles.push(title);
}

 const movies = [{ id : 1,title : 'Black Panther'},{ id : 2,title : 'Avengers'},{ id : 1,title : 'Justice League'},{ id : 4,title : 'Infinity War'},{ id : 5,title : 'Spider man'}]; const titles = []; for (const {title} of movies) { titles.push(title); } console.log(JSON.stringify(titles)); 

Answer 2

No, spread can't do that. You could combine map with argument deconstruction:

list.map(({ title }) => title)

Or you could use lodash/map , which has a shorthand for your usecase:

import { map } from 'lodash'
map(list, 'title')

And with lodash/fp , you can even reuse your function elsewhere :D

import { map } from 'lodash/fp'
const getTitles = map('title')
getTitles(list)