Set array values to different keys of object

Question

hi so i followed this question : Convert Array to Object: but apparently there are great answers but not what i require. I have an array like this : ["123","jhon","doe","hawaii"] What i want to be able to do is make an object that looks like this : {id:"123",fname:"jhon",lname:"doe",location:"hawaii"}

Basically i want to assign the values of the array to fix keys for each value. I tried looping over them but that would replace the current object key if i do something like.

let obj = {}
arr.map(val=>{
 obj.id = val
})

This will obviously not work. Any ideas or can you point me in the right direction would also help thank you.

Sascha A. · Accepted Answer · 2020-08-23 18:08:58Z

1

Using the for-loop over the array to add to a new object the properties. The name of the properties are stored in a const-array, so you can add more later if necessary. The number of elments had to be same in both arrays.

let arr = ["123","jhon","doe","hawaii"];
const KEYS = ['id', 'fname', 'lname', 'location']; 
let obj = {};

for (let i=0; i<arr.length; i++) {
    obj[KEYS[i]] = arr[i];
}

console.log(obj);

answered Aug 23, 2020 at 18:08

Sascha A.

4,6463 gold badges17 silver badges34 bronze badges

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

1 Comment

Hadi Pawar Over a year ago

i'll test now but since you took out the time i'll upvote anyways thanks.:)

charlietfl · Accepted Answer · 2020-08-23 18:18:16Z

1

Using Array#reduce() and computed properties

const values = ["123", "jhon", "doe", "hawaii"],
      keys = ["id", "fname", "lname", "location"];

const res = keys.reduce((a, c, i) => ({...a, [c] : values[i]}), {})

console.log(res)

answered Aug 23, 2020 at 18:18

charlietfl

172k14 gold badges125 silver badges154 bronze badges

1 Comment

Hadi Pawar Over a year ago

i'll test now but since you took out the time i'll upvote anyways thanks.:)

Ajeet Eppakayala · Accepted Answer · 2020-08-23 18:46:41Z

1

Here's an interesting way to solve it.

keys = ["id","fname","lname","location"];
values = ["123","jhon","doe","hawaii"];
obj = {};
keys.forEach((key, i) => (obj = {...obj, [key]: values[i]}));

console.log(obj)

answered Aug 23, 2020 at 18:46

Ajeet Eppakayala

1,4452 gold badges13 silver badges20 bronze badges

Comments

Rudu · Accepted Answer · 2020-08-23 19:31:51Z

1

You'll need a second array of keys (in your example you're trying to define every value to the key id) which is the same size as the data-array, and then between the two of them you can generate an object:

var values = ['123', 'jhon', 'doe', 'hawaii'];
var keys = ['id', 'fname', 'lname', 'location'];
var obj = {};
for (var i = 0; i < values.length; i++) {
   obj[keys[i]] = values[i];
}
console.log(obj)

edited Aug 23, 2020 at 19:31

answered Aug 23, 2020 at 18:09

Rudu

15.9k4 gold badges51 silver badges66 bronze badges

2 Comments

Hadi Pawar Over a year ago

i'll test now but since you took out the time i'll upvote anyways thanks.:)

Azaz Khan Over a year ago

You must not use a big "L"

Azaz Khan · Accepted Answer · 2020-08-23 18:34:45Z

0

Here is the solution for your yehr

keys = ["id","fname","lname","location"];
values = ["123","jhon","doe","hawaii"];
var result = {};
keys.forEach((key, i) => result[key] = values[i]);
console.log(result)

answered Aug 23, 2020 at 18:34

Azaz Khan

6571 gold badge8 silver badges20 bronze badges

Collectives™ on Stack Overflow

Set array values to different keys of object

5 Answers 5

1 Comment

1 Comment

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related