Convert an Object to an array of Object Javascript

Question

Following is my object which I want to convert to an array but seem like I am missing something here. Please let me know what I am doing wrong here.

Code -

var langObj = {
    "CON1010": {
    "countryName": "Poland",
    "countryCode": "pl",
    "localLanguages": [
        {
            "language": "English",
            "languageCode": "en"
        },
        {
            "language": "Polish",
            "languageCode": "en"
        }
      ]
    },
    "CON1011": {
        "countryName": "UK",
        "countryCode": "uk",
        "localLanguages": [
            {
                "language": "English",
                "languageCode": "en"
            }
        ]
    }
};


var res = Object.entries(langObj).map(([value, label]) => ({value, label}));
console.log(res);

Expected Output -

[
    {
        "CON1010": {
            "countryName": "Poland",
            "countryCode": "pl",
            "localLanguages": [
                {
                    "language": "English",
                    "languageCode": "en"
                },
                {
                    "language": "Polish",
                    "languageCode": "en"
                }
            ]
        }
    },
    {
        "CON1011": {
            "countryName": "UK",
            "countryCode": "uk",
            "localLanguages": [
                {
                    "language": "English",
                    "languageCode": "en"
                }
            ]
        }
    }
]

mickl · Accepted Answer · 2020-04-16 23:01:35Z

You need square brackets to get dynamically evaluated field name:

var res = Object.entries(langObj).map(([value, label]) => ({[value]:label}));

var langObj = {
    "CON1010": {
      "countryName": "Poland",
      "countryCode": "pl",
      "localLanguages": [
        {
          "language": "English",
          "languageCode": "en"
        },
        {
          "language": "Polish",
          "languageCode": "en"
        }
      ]
    },
    "CON1011": {
      "countryName": "UK",
      "countryCode": "uk",
      "localLanguages": [
        {
          "language": "English",
          "languageCode": "en"
        }
      ]
    }
};


var res = Object.entries(langObj).map(([value, label]) => ({[value]:label}));
console.log(res);

hackape · Accepted Answer · 2020-04-16 23:02:11Z

2

Just a bit off, it should be

var res = Object.entries(langObj).map(([key, value]) => ({ [key]: value }));

answered Apr 16, 2020 at 23:02

hackape

20.2k2 gold badges34 silver badges72 bronze badges

Comments

epascarello · Accepted Answer · 2020-04-16 23:02:44Z

You are setting value and label in your object. You want to use the "value" as the key. So you want to return { [value]: label }

var langObj = {
  "CON1010": {
    "countryName": "Poland",
    "countryCode": "pl",
    "localLanguages": [{
        "language": "English",
        "languageCode": "en"
      },
      {
        "language": "Polish",
        "languageCode": "en"
      }
    ]
  },
  "CON1011": {
    "countryName": "UK",
    "countryCode": "uk",
    "localLanguages": [{
      "language": "English",
      "languageCode": "en"
    }]
  }
};


var res = Object.entries(langObj)
  .map(([value, label]) =>
    ({ [value]: label })
  );
console.log(res);

Collectives™ on Stack Overflow

Convert an Object to an array of Object Javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related