JavaScript React! how to convert array to an array of object in javascript

Question

const myArray =  ['position zero', 'position one', 'position three', 'position four'];

// i neeed to convert it to

const objectArray = [
    {
        position: 'position zero'
    },
    {
        position: 'position one'
    },
    {
        position: 'position three'
    },
    {
        position: 'position four'
    },
];

// must the same key which i will be refer to all

Answer 1

map over your current array and return the object from map function

const myArray =  ['position zero', 'position one', 'position three', 'position four'];

const res = myArray.map(data => {
    return {position: data}
})

console.log(res)

Answer 2

You can use array#map with Shorthand property names.

const myArray =  ['position zero', 'position one', 'position three', 'position four'],
      result = myArray.map(position => ({position}));
console.log(result);

.as-console-wrapper { max-height:100% !important; top:0;}

Answer 3

You can use .map() here:

const result = myArray.map(s => ({position: s}));

Demo:

const myArray =  ['position zero', 'position one', 'position three', 'position four'];

const result = myArray.map(s => ({position: s}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Docs:

• Array.prototype.map()
• Arrow Functions

Answer 4

User array.map with ES6's shorthand object litteral:

const myArray =  ['position zero', 'position one', 'position three', 'position four'];

const res = myArray.map(position => ({position}));
console.log(res);