How to spread this array object?

Question

I have the following object:

const info = [{ name: 'John', address: 'america', gender: 'Male', job: 'SE' }];

And I need to spread this array object and get this as

form:{
   name:"John",
   address:"america",
   gender:"Male",
   job:"SE"
}

How can I do that?

Answer 1

You don't need spread for that unless you want to make a shallow copy of the object. Instead, just use the object that's in the array:

const form = info[0];

or as a property on an object:

const obj = {form: info[0]};

At that point, form/obj.form and info[0] are both pointing to the same object.

If you do want to make a shallow copy, then spread is useful:

const form = {...info[0]};

or

const obj = {form: {...info[0]}};

There, form/obj.form points to a new object that has a copy of info[0]'s properties.

Answer 2

You could destructure the array and take the wanted property as target.

const
    info = [{ "name": "John", "address": "america", "gender": "Male", "job": "SE" }],
    result = {};

[{ ...result.form }] = info;

console.log(result);