How to create an array of objects from an existing array in javascript?

Question

I have an array whose elements are in string format, like this:

somearray = ["abc", "pqr", "xyz"]

I need to create an object from this array whose variable I have declared as var newobject = {}. I tried this:

var newobject = {};
var index = 0;
somearray.forEach(function() {
    newobj = {
        name : somearray[index]
    };
    index++;
});

This does create an object but only consisting of the last string in the array (somearray)

If instead of

newobj = {
    name : somearray[index]
};

I write

newobj[index] = {
    name : somearray[index]
};

the objects are named 0,1,2. I don't want this to happen, nor do I want anything else in its place. Isn't there any way like how we use push method for arrays?

What exactly are you trying to achieve? An object always has a key for each value. — Schlaus
– Schlaus, Commented Jun 18, 2016 at 19:14
Please show us how the expected result is supposed to look (as JSON) — Bergi
– Bergi, Commented Jun 18, 2016 at 19:21
Expected output is [object, object, object] where each object is {name: "abc/pqr/xyz"} — d33a
– d33a, Commented Jun 18, 2016 at 19:26
var result = somearray.map(function(str, i) { return {name: str} }) — user1106925
– user1106925, Commented Jun 18, 2016 at 19:27

RomanPerekhrest · Accepted Answer · 2016-06-18 19:46:51Z

3

Simple solution using Array.forEach and Array.push functions:

var somearray = ["abc", "pqr", "xyz"], objects = [];

somearray.forEach((v) => objects.push({name: v}) );    
console.log(JSON.stringify(objects, 0, 4));

Or the same using Array.map function:

var somearray = ["abc", "pqr", "xyz"], objects;  
objects = somearray.map((v) => ({name: v}) );

The output:

[
    {
        "name": "abc"
    },
    {
        "name": "pqr"
    },
    {
        "name": "xyz"
    }
]

answered Jun 18, 2016 at 19:46

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

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

Comments

nicael · Accepted Answer · 2016-06-18 19:50:50Z

0

Just use key-value notation:

var newobject = {};
var somearray = ["abc", "pqr", "xyz"] ;
somearray.forEach(function(x,i){
  newobject[i]=x;
})
console.log(newobject);

edited Jun 18, 2016 at 19:50

answered Jun 18, 2016 at 19:14

nicael

19.1k13 gold badges65 silver badges93 bronze badges

5 Comments

user1106925 Over a year ago

Why use .map()? You're just throwing away the resulting Array of undefined. Either .forEach() or .reduce() would make more sense.

nicael Over a year ago

@squint Are you very much worried about the thrown array? I use it because it's shorter...

Redu Over a year ago

yes it could have been done like newObj = somearray.reduce((p,c,i) => (p[i] = c,p),{});

user1106925 Over a year ago

@nicael: Are you very much worried about 4 more characters? Constructing, populating and discarding an array without using it at all is a very strange thing to do intentionally.

David Bradshaw Over a year ago

@nicael of course it will effect performance, your creating an array and then throwing it away for no reason. You don't get that for free.

Collectives™ on Stack Overflow

How to create an array of objects from an existing array in javascript?

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related