es6 map an array of objects to return an array of objects with new keys

Question

Below is the array of objects I’ve: 

[

    {

        id: 1,

        name: 'bill'

    },

    {

        id: 2,

        name: 'ted'

    }

]

I want the below output in a simple one-liner:

[

    {

        value: 1,

        text: 'bill'

    },

    {

        value: 2,

        text: 'ted'

    }

]

Can anyone tell me how to do this?

Answer 1

Use () to wrap the object:

 

var arr = [{

  id: 1,

  name: 'bill'

}, {

  id: 2,

  name: 'ted'

}]

var result = arr.map(person => ({ value: person.id, text: person.name }));

console.log(result)

 

Interested in Java? Check out this Java tutorial by Intellipaat.