How to convert an object with property and key to Array in JavaScript?

Question

So I have an object that looks like this:

I want to convert it into an array and after some researching, I did something like this:

Object.keys(langs).map(function (key) { return langs[key]; });

and the output looks like this:

Although it works, that is not what I wanted. What I wanted to do is something like

[
    {
        "code": "af",
        "lang": "Afrikaans"
    },
    {
        "code": "am",
        "lang": "Amharic"
    },
    {
        "code": "ar",
        "lang": "Arabic"
    }
]

and so forth..

What would be the best way to do this? Any help would be much appreciated..

Answer 1

Object.keys(langs).map(function (key) { return { 'code': key, 'lang': langs[key]}; });

我们返回一个带有属性代码和lang的新对象，而不仅仅是返回值

Answer 2

You can just add code property to your map like so:

 var obj = { "af" : "Afrikaans", "am" : "Amharic", "ar" : "Arabic" } var res = Object.keys(obj).map(e => ({ code: e, lang: obj[e] })) console.log(res); 

Answer 3

如果您有可用的Object#entries ，则可以简洁地写为

langs.entries().map(([code, lang]) => ({code, lang}))