How can I convert an array of strings to an array of objects in JavaScript?

Question

I have this array:

myArray = ["AAA","BBB",...,"ZZZ"];

I want to convert it to an array of objects. Something like this:

myArray = [
    {
        "Id": "111",
        "Value": "AAA"
    },
    ....
    {
        "Id": "111",
        "Value": "ZZZ"
    },
];

I've tried to use the map method like this:

myArray.map(str => {
    let obj = {};
    obj['Id'] = '111';
    obj['Value'] = str;
});

But console.log(myArray) outputs this:

undefined

map doesn't change the array. It returns a new version of it. — Ivan Burnaev
– Ivan Burnaev, Commented Oct 5, 2018 at 9:51

mpm · Accepted Answer · 2018-10-05 09:51:42Z

1

You need to return a result from the mapper function.

let myNewArray = myArray.map( str => {
      let obj = {};
      obj['Id'] = '111' ;
      obj['Value'] = str ;
      return obj;
});
// or 
let myNewArray = myArray.map( str =>  ({Id:111,Value:str}) );
// parenthesis are needed to remove the ambiguity with `{}`
console.log(myNewArray);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map#Using_map_to_reformat_objects_in_an_array

answered Oct 5, 2018 at 9:51

mpm

20.2k7 gold badges52 silver badges56 bronze badges

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

Comments

Zenoo · Accepted Answer · 2018-10-05 09:52:53Z

1

Here is the clean ES6 one liner version using Array#map

const data = myArray = ["AAA","BBB","ZZZ"];

let result = data.map(e => ({'Id': '111', 'Value': e}));
console.log(result);

answered Oct 5, 2018 at 9:52

Zenoo

12.9k4 gold badges48 silver badges71 bronze badges

Comments

DSCH · Accepted Answer · 2018-10-05 09:54:50Z

0

You need to return the result into a new variable, or your existing one, as map create a new array and doesn't change the one you are iterating over.

    const myArrayOfObjects = myArray.map( str => {
      let obj = {};
      obj['Id'] = '111' ;
      obj['Value'] = str ;
      return obj;
});

answered Oct 5, 2018 at 9:54

DSCH

2,4361 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

How can I convert an array of strings to an array of objects in JavaScript?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related