how to assign all objects in an array?

Question

lets say I have an array like this:

[ { full_name: 'Sickö' }, 
  { location: 'New York City, United States' },
  { follower: '1.2M' },
  { er: '5.59%' },
  { topics: 'Fashion' } ]

and I want to make it as an object like:

{
  fullname: 'Sicko',
  location: 'New York City, United State'
  ..and more
}

I'm aware that I can combine them using Object.assign but no idea how I can assign all of them.

How do you know when to move onto another object as the array in your example appears have an object designated for each property of the object you want to create. — Ryan Wilson
– Ryan Wilson, Commented Jul 2, 2019 at 21:22

farvilain · Accepted Answer · 2019-07-02 21:23:02Z

4

let all = [ { full_name: 'Sickö' }, 
  { location: 'New York City, United States' },
  { follower: '1.2M' },
  { er: '5.59%' },
  { topics: 'Fashion' } ];

let res = Object.assign({}, ...all);

answered Jul 2, 2019 at 21:23

farvilain

2,5622 gold badges15 silver badges24 bronze badges

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

Comments

Shidersz · Accepted Answer · 2019-07-03 03:29:21Z

1

You can use Array.reduce() starting with an accumulator equal to the empty object {} and use Object.assign() on each iteration of the reducer. Something like this:

const input = [
  {full_name: 'Sickö'},
  {location: 'New York City, United States'},
  {follower: '1.2M'},
  {er: '5.59%'},
  {topics: 'Fashion'}
];

function assign(acc, obj)
{
    return Object.assign(acc, obj);
}

let res = input.reduce(assign, {});
console.log(res);

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

However, Object.assign() is designed to accept multiple sources, so you can just use it with the spread syntax if you have ES6 support:

const input = [
  {full_name: 'Sickö'},
  {location: 'New York City, United States'},
  {follower: '1.2M'},
  {er: '5.59%'},
  {topics: 'Fashion'}
];

let res = Object.assign({}, ...input);
console.log(res);

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

edited Jul 3, 2019 at 3:29

answered Jul 2, 2019 at 21:22

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

1 Comment

Ryan Wilson Over a year ago

How does this work when their are multiple objects in the array ie, not every single object is to be part of one single object?

Vishnu · Accepted Answer · 2019-07-02 21:42:09Z

0

As you tagged jquery, incase you need a solution using the same:

var data = [ { full_name: 'Sickö' }, 
  { location: 'New York City, United States' },
  { follower: '1.2M' },
  { er: '5.59%' },
  { topics: 'Fashion' } ];

var d = $.extend({}, ...data);

console.log(d);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Jul 2, 2019 at 21:42

Vishnu

8976 silver badges13 bronze badges

Collectives™ on Stack Overflow

how to assign all objects in an array?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related