javascript - elementos - ES6 mapea una matriz de objetos para devolver una matriz de objetos con nuevas claves

map javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• Función de flecha ECMAScript6 que devuelve un objeto 3 respuestas

Tengo una variedad de objetos:

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

Buscando un simple trazador de líneas para regresar:

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

Así que puedo bombearlos fácilmente a un menú desplegable de reacción con las teclas adecuadas.

Siento que esta simple solución debería funcionar, pero obtengo errores de sintaxis inválidos:

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

Answer 1

Solo necesitas envolver el objeto en ()

var arr = [{
id: 1,
name: ''bill''
}, {
id: 2,
name: ''ted''
}]
var result = arr.map(person => ({ value: person.id, text: person.name }));
console.log(result)