How to transpose a javascript object into a key/value array

Question

Given a JavaScript object, how can I convert it into an array of objects (each with key, value)?

Example:

var data = { firstName: 'John', lastName: 'Doe', email: '[email protected]' } 

resulting like:

[   { key: 'firstName', value: 'John' },   { key: 'lastName', value: 'Doe' },   { key: 'email', value: '[email protected]' } ] 

Answer 1

var data = { firstName: 'John', lastName: 'Doe', email: '[email protected]' }  var output = Object.entries(data).map(([key, value]) => ({key,value}));    console.log(output);

Inspired By this post

Answer 2

Using map function

var data = { firstName: 'John', lastName: 'Doe', email: '[email protected]' };    var result = Object.keys(data).map(key => ({ key, value: data[key] }));    console.log(result);