How to create an object from the elements of an array in JavaScript

Question

I have a list of emails in an array:

["[email protected]", "[email protected]", "[email protected]"]

How can I loop through the array and push each email into an object as its own property: The object would look like:

{
email1: "[email protected]",
email2: "[email protected]",
email3: "[email protected]"
}

an object with multiple properties having same name? how would you get values from that? is that a typo? — Suraj Rao, Mar 28 '17 at 05:20
http://stackoverflow.com/questions/9329446/for-each-over-an-array-in-javascript — Suraj Rao, Mar 28 '17 at 05:24
Possible duplicate of [For-each over an array in JavaScript?](http://stackoverflow.com/questions/9329446/for-each-over-an-array-in-javascript) — NiRUS, Mar 28 '17 at 05:26
Possible duplicate of [How I can convert array to object in Javascript](http://stackoverflow.com/questions/30667961/how-i-can-convert-array-to-object-in-javascript) — Sagar V, Mar 28 '17 at 05:31

score 5 · Answer 1 · answered Mar 28 '17 at 05:27

5

one liner:

var object = ['[email protected]', '[email protected]', '[email protected]'].reduce((r, e, i) => (r['email'+(i+1)] = e, r), {});

answered Mar 28 '17 at 05:27

Jaromanda X

53,868
5
73
87

1

`(r['email'+(i+1)] = e, r)` « sneaky, I love it! – Phil Mar 28 '17 at 05:30

score 2 · Accepted Answer · answered Mar 28 '17 at 05:24

2

var inputArr = ['[email protected]', '[email protected]', '[email protected]'];
var outputObj = {};
var i;

for (i=0; i<inputArr.length; i++) {
    outputObj['email'+i] = inputArr[i];
}

console.log(outputObj);

answered Mar 28 '17 at 05:24

Alexander Nied

12,804
4
25
45

score 1 · Answer 3 · answered Mar 28 '17 at 05:24

1

This should do it:

var arr = ["[email protected]", "[email protected]", "[email protected]"];
var emails = {}; 
arr.forEach((e, i) => emails["email" + (i+1)] = e);
console.log(emails);

answered Mar 28 '17 at 05:24

Titus

22,031
1
23
33

Doesn't 'i' have the value?! – CaptainHere Mar 28 '17 at 05:28
@ILikeToMoveItMoveIt No, `i` (the second parameter) is the index. Run the snipped to see that it produces the correct result. – Titus Mar 28 '17 at 05:29

score 1 · Answer 4 · answered Mar 28 '17 at 05:28

1

You could do this quite easily with Array#reduce:

var emails = ['[email protected]', '[email protected]', '[email protected]']

var result = emails.reduce(function (o, e, i) {
  o['email' + ++i] = e
  return o
}, {})

console.log(result)

answered Mar 28 '17 at 05:28

gyre

16,369
3
37
47

score 0 · Answer 5 · answered Mar 28 '17 at 05:23

0

You can try this

var ary = [];

function pushToAry(name, val) {
   var obj = {};
   obj[name] = val;
   ary.push(obj);
}

pushToAry("myName", "myVal"); // Here it is for single value u can loop with your array.

Help

answered Mar 28 '17 at 05:23

Help

650
3
8

why you put your name at last? – Sagar V Mar 28 '17 at 05:25
1

@SagarV "Publicity" – gyre Mar 28 '17 at 05:29
1

@suraj (Hence the use of sarcastic quotation marks around my earlier remark) – gyre Mar 28 '17 at 05:33

Phil · Answer 6 · 2017-03-28T05:35:40.767

0

This is what Array.prototype.reduce is made for

const emails = ['[email protected]', '[email protected]', '[email protected]']
console.info(emails.reduce((map, email, idx) =>
  Object.assign(map, { ['email' + (idx + 1)]: email }), Object.create(null)))

edited Mar 28 '17 at 05:35

answered Mar 28 '17 at 05:28

Phil

157,677
23
242
245

Just curious, is `Object.create(null)` a style choice? – thgaskell Mar 28 '17 at 06:02
@thgaskell see http://stackoverflow.com/questions/32262809/is-it-bad-practice-to-use-object-createnull-versus and http://stackoverflow.com/questions/15518328/creating-js-object-with-object-createnull – Phil Mar 28 '17 at 09:41

score 0 · Answer 7 · answered Mar 28 '17 at 05:29

0

Here is another solution

var emails = ["[email protected]", "[email protected]", "[email protected]"];
var object = {}; 
emails.forEach(function(value, key){
      object["email" + (key+1)] = value;
});

console.log(object);

answered Mar 28 '17 at 05:29

Sumon Sarker

2,707
1
23
36

score 0 · Answer 8 · answered Mar 28 '17 at 05:31

0

obj = {};
for(i=0;i<yourArray.length;i++){
propName = 'email' + i;
obj[propName] = yourArray[i];
}

I believe this should work.

answered Mar 28 '17 at 05:31

Red Bottle

2,839
4
22
59

score 0 · Answer 9 · answered Mar 28 '17 at 05:46

0

Please find the updated code attached below

var array=["[email protected]", "[email protected]", "[email protected]"];

var obj = {
   
};
for (var prop in array) {

obj["email"+(prop+1)] = array[prop];
}
console.log(obj);

answered Mar 28 '17 at 05:46

134

28
8

How to create an object from the elements of an array in JavaScript

9 Answers9