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)