ES6 mappe un tableau d'objets, pour renvoyer un tableau d'objets avec de nouvelles clés

Question

J'ai un tableau d'objets:

 [
    {
        id: 1,
        name: 'bill'
    },
    {
        id: 2,
        name: 'ted'
    }
]
 

Vous cherchez un one-liner simple à retourner:

 [
    {
        value: 1,
        text: 'bill'
    },
    {
        value: 2,
        text: 'ted'
    }
]
 

Ainsi, je peux facilement les pomper dans un menu déroulant avec les clés appropriées.

Je pense que cette solution simple devrait fonctionner, mais j'obtiens des erreurs de syntaxe non valides:

 this.props.people.map(person => { value: person.id, text: person.name })
 

Answer 1

Vous avez juste besoin d'envelopper l'objet dans ()

 var arr = [{
  id: 1,
  name: 'bill'
}, {
  id: 2,
  name: 'ted'
}]

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