Javascript Object into array将对象属性名称移动到数组键中

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?

Answer 1

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);