Categories
JavaScript Answers

How to Convert a JavaScript Object into a Key-Value Object Array?

Spread the love

Sometimes, we want to convert a JavaScript object into a key-value object array.

In this article, we’ll look at how to convert a JavaScript object into a key-value object array.

Convert a JavaScript Object into a Key-Value Object Array

To convert a JavaScript object into a key-value object array, we can use the Object.entries method to return an array with of key-value pair arrays of a given object.

Then we can use the JavaScript array map method to map the key-value pair arrays into objects.

For instance, we write:

const data = {
  firstName: 'John',
  lastName: 'Doe',
  email: 'doe@gmail.com'
}
const output = Object.entries(data).map(([key, value]) => ({
  key,
  value
}));

console.log(output);

to call Object.entries with data to return an array of key-value pair arrays in the data object.

Then we call map with a callback that destructures the key and value from the parameter, put them in an object as properties, and then return the object.

Therefore, output is:

[
  {
    "key": "firstName",
    "value": "John"
  },
  {
    "key": "lastName",
    "value": "Doe"
  },
  {
    "key": "email",
    "value": "doe@gmail.com"
  }
]

according to the console log.

Conclusion

To convert a JavaScript object into a key-value object array, we can use the Object.entries method to return an array with of key-value pair arrays of a given object.

Then we can use the JavaScript array map method to map the key-value pair arrays into objects.

Leave a Reply

Your email address will not be published. Required fields are marked *