push special elements of array of objects to another array of objects

Question

i have an large array of objects full of values and i have an empty array of objects as well, and i am willing to get every value from full array of objects (btw full array of objects has more keys than empty one) and push it to empty one like so:

/*empty one (array1):*/ [{foo: '', bar: '', thumbnail: ''}];

/*full one (array2):*/ [{foo_: 'blah', bar: 'blah',
                       thumbnail: '/photo', id: 'ad12dxa1', something: 'thing'},{foo_: 'blah1', bar: 'blah1',
                       thumbnail: '/photo1', id: 'ad12dxa12', something: 'thing1'}];

and i want to get only foo_, bar and thumbnail from array2 and insert them as foo, bar & thumbnail into array1 like: foo = foo_ bar=bar, thumbnail= thumbnail

if answer will include both for loop and array.every method explanation it would be better.

Thank you!

Mohammad Usman · Accepted Answer · 2019-08-15 17:57:39Z

3

You can simply create a new array using .map() with some Object Destructuring:

const data = [
  {foo_: 'blah', bar: 'blah', thumbnail: '/photo', id: 'ad12dxa1', something: 'thing'},
  {foo_: 'blah1', bar: 'blah1', thumbnail: '/photo1', id: 'ad12dxa12', something: 'thing1'}
];
                                            
const result = data.map(({foo_:foo, bar, thumbnail}) => ({foo, bar, thumbnail}));

console.log(result);

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

answered Aug 15, 2019 at 17:57

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

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

10 Comments

Andrew Koster Over a year ago

Your answer had a "run code snippet" button, which worked, until you started editing it. I'd recommend going back to the first version.

Andrew Koster Over a year ago

There it is again. Don't touch anything now.

iLiA Over a year ago

this code is little obscure, can you add explanation what does foo_:foo and => means because you modified my code and your code has not any foo key and also i please use my code as an example

Mohammad Usman Over a year ago

@iLiA I've added the links to the docs containing necessary information with simple examples. => represents the Arrow Functions

iLiA Over a year ago

thank you @MohammadUsman, can you also provide .every and for loop anwer?

|

Collectives™ on Stack Overflow

push special elements of array of objects to another array of objects

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related