Construct an array of objects with two specific object value pair from another array of objects

Question

Let's say there is an array of object.

let source = [
 {'name': 'a', age: '10', id: 'a0'},
 {'name': 'b', age: '12', id: 'b2'},
 {'name': 'c', age: '14', id: 'c4'},
 {'name': 'd', age: '16', id: 'd6'},
 {'name': 'e', age: '18', id: 'e8'}
]

What I am trying to achieve is create a new array which will consist specific two key-value pair. Example result,

[
 {'name': 'a', id: 'a0'},
 {'name': 'b', id: 'b2'},
 {'name': 'c', id: 'c4'},
 {'name': 'd', id: 'd6'},
 {'name': 'e', id: 'e8'}
]

Help would be much appreciated.

Nina Scholz · Accepted Answer · 2017-08-21 11:20:24Z

4

You could use destructuring assignment and Array#map for a new array of new objects.

let source = [{ name: 'a', age: '10', id: 'a0' }, { name: 'b', age: '12', id: 'b2' }, { name: 'c', age: '14', id: 'c4' }, { name: 'd', age: '16', id: 'd6' }, { name: 'e', age: '18', id: 'e8' }],
    result = source.map(({ name, id }) => ({ name, id }));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Aug 21, 2017 at 11:20

answered Aug 21, 2017 at 11:12

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

kukkuz · Accepted Answer · 2017-08-21 11:16:56Z

3

Use Array.prototype.map function - see demo below:

let source = [{ name: 'a', age: '10', id: 'a0' }, { name: 'b', age: '12', id: 'b2' }, { name: 'c', age: '14', id: 'c4' }, { name: 'd', age: '16', id: 'd6' }, { name: 'e', age: '18', id: 'e8' }]

let result = source.map(function(e){
  return {
    name: e.name,
    id  : e.id
  }
});

console.log(result);

.as-console-wrapper{top:0;max-height:100%!important;}

edited Aug 21, 2017 at 11:16

answered Aug 21, 2017 at 11:11

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

Collectives™ on Stack Overflow

Construct an array of objects with two specific object value pair from another array of objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related