Javascript Object into array move object property name into array key

Question

I have this nested objects:

"State Names": {
    "State Cities": {
        "Los Angeles": {
            "about": "story",
            "zip": "91721"
        },
    }
}

and I was trying to make it look like this:

state: {
    city: [
        "name": "Los Angeles",
        "about": "story",
        "zip": "91721"
    ]
}

I've tried below code:

    var o = {
        "State Names": {
            "State Cities": {
                "Los Angeles": {
                    "about": "story",
                    "zip": "91721"
                },
            }
        }
    }
    var v = o["State Names"];
    var z = v["State Cities"];
    const result = Object.keys(z).map(i => z[i]);

    const state = {
        city: [...result]
    }
    this.setState({
        state
    })

But my result doesn't showing city names, only showing about and zip. How do I include object key name into array as property during the map function?

Ori Drori · Accepted Answer · 2018-04-05 22:44:41Z

4

Use object spread (or Object.assign()) to clone the city object, and add a name property:

const o = {"State Names":{"State Cities":{"Los Angeles":{"about":"story","zip":"91721"}}}};
const cities = o['State Names']['State Cities'];
const result = Object.keys(cities).map(name => ({ ...cities[name], name }));

const state = {
  city: [...result]
};

console.log(state);

edited Apr 5, 2018 at 22:44

answered Apr 5, 2018 at 22:41

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript Object into array move object property name into array key

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related