如何从对象数组创建一个新的 object？

Question

I have the following dynamic array of objects:

[

{
id: "1"
name: "Jane"
age: 25
},

{
id: "2"
name: "John"
age: 35
},

{
id: "3"
name: "James"
age: 27
},
]

I need to create new object like this:

"peopleSelected:{

"1":
{
"name": "Jane",
"age": 25
},

"2":
{
"name": "John",
"age": 35
},

"3":
{
"name": "James",
"age": 27
},

where structure is

"id" :
{
"name":name,
"age":"age
}

and I need to save this newly created object using useState, I can't figure out how to do that. Please help.

Answer 1

Using Array.prototype.reduce()

 const arr = [ { id: "1", name: "Jane", age: 25, }, { id: "2", name: "John", age: 35, }, { id: "3", name: "James", age: 27, }, ], solution = { peopleSelected: arr.reduce((acc, { id, name, age }) => { acc[id] = { name, age }; return acc; }, {}), }; console.log(solution);

Answer 2

You can use object destructuring as below:

import React from 'react';
import { useState, useEffect } from 'react';

let people = [
    {
        id: "1",
        name: "Jane",
        age: 25
    },
    {
        id: "2",
        name: "John",
        age: 35
    },
    {
        id: "3",
        name: "James",
        age: 27
    }
];

function App() {
    const [ selectedPeople, setSelectedPeople ] = useState({});

    useEffect(() => {
        console.log(Object.entries(people));
        let extractedArray = Object.entries(people);
        let result = extractedArray.map((item) => {
          return `${item[1].id}: ${{
            "name": item[1].name,
            "age": item[1].age
          }}`
        })
        console.log(result);
        
        // Performing object destructuring and setting the state of selectedPeople as an object
        setSelectedPeople({...people})
    }, [])

    return <div>
        <pre>
            {JSON.stringify(selectedPeople, null, '\t')}
        </pre>
    </div>;
}

export default App;