Access Object property using key name within map

Question

I have below array of object

const reports = [{id:3, name:'three', description:'three d', other: 'other 3'}, {id:2, name:'two', description:'two d', other: 'other 2'}];

and I want to filter out only 2 property of each object and below is my desired output

[{id:3, name:'three'}, {id:2, name:'two'}];

so tried this way

const reportList = reports.map((report) => {id,name} );
console.log(reportList);

throw error

ReferenceError: id is not defined

even I can achieve this by using this approach

 this.reportList = reports.map((report) => ({
                id: report.id,
                name: report.name,
                description: report.description
            }));

but here I need to write extra code, I want to use object accessor using key, can I achieve anyway?

Bhargav Patel · Accepted Answer · 2019-04-12 09:59:39Z

1

You must wrap the returning object literal into parentheses. Otherwise curly braces will be considered to denote the function’s body. The following works:

const reports = [{
  id: 3,
  name: 'three',
  description: 'three d',
  other: 'other 3'
}, {
  id: 2,
  name: 'two',
  description: 'two d',
  other: 'other 2'
}];

const reportList = reports.map(({id, name}) => ({
  id,
  name
}));
console.log(reportList);

Reference: Returning object literals by MDN

edited Apr 12, 2019 at 9:59

answered Jan 3, 2019 at 9:17

Bhargav Patel

3766 silver badges8 bronze badges

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

1 Comment

xkeshav Over a year ago

Thanks. got it now.

Collectives™ on Stack Overflow

Access Object property using key name within map

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related