Assign same key to values gotten from dynamic Array

Question

I have an array received from backend: ["Drake","Ola","d"], now I need to assign all these values the same key which is id so it looks something like this:

[{id: "Drake"}, {id: "Ola"}, {id: "d"}]

I need a function to do this as the data is gotten after the page has loaded and I have tried many techniques including for loops. I can also use JQuery if necessary, whats the solution please?

An object can't have multiple properties by the same name, are you sure this is the correct data-structure you are looking for? — gurvinder372, Oct 18 '16 at 11:08
Possible duplicate of [Access / process (nested) objects, arrays or JSON](http://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — Liam, Oct 18 '16 at 11:09
Maybe you actually want something alone the lines of `[{id:"Drake"}, {id:"Dola"}]` etc? So it remains an array you can iterate. What's your use case? — Tomáš Hübelbauer, Oct 18 '16 at 11:11
Consider using array `[{id: "Drake"}, {id: "Ola"},{ id: "d"}]` in your case as properies are unique — Murali Murugesan, Oct 18 '16 at 11:11

Nina Scholz · Accepted Answer · 2016-10-18T11:24:48.840

0

You could use Array#map and generate single objects with the wanted content.

The map() method creates a new array with the results of calling a provided function on every element in this array.

var data = ["Drake","Ola","d"],
    result = data.map(function (a) { return { id: a }; });

console.log(result);

ES6

var data = ["Drake","Ola","d"],
    result = data.map(a => ({ id: a }));

console.log(result);

edited Oct 18 '16 at 11:24

answered Oct 18 '16 at 11:11

Nina Scholz

376,160
25
347
392

please dv, care to comment? – Nina Scholz Oct 18 '16 at 11:16
1

I guess it was because your original answer was a guess to a bad question. Now OP seems to of clarified this makes more sense. BTW, I didn't downvote – Liam Oct 18 '16 at 11:18
@Liam, that's funny, because ["Any answer that gets the asker going in the right direction is helpful ..."](http://stackoverflow.com/help/how-to-answer) – Nina Scholz Oct 18 '16 at 11:26
Ha, though you should [never answer an off topic question](http://meta.stackoverflow.com/questions/276572/should-one-advise-on-off-topic-questions) and [questions should be answerable](http://stackoverflow.com/help/dont-ask) :) – Liam Oct 18 '16 at 13:05

score 0 · Answer 2 · answered Oct 18 '16 at 11:15

0

Map should do the trick. Just create an object for each value with the id property being that value.

var array = ["Drake","Ola","d"];

var newArray = array.map(function(value){
  return {id: value}
})
console.log(newArray);

answered Oct 18 '16 at 11:15

taguenizy

2,140
1
8
26

Assign same key to values gotten from dynamic Array

2 Answers2