Convert this object into array of key value pair

Question

if we create one object like

const userDetails={firstname:'karan',lastname:'khimani'}

then expected output like

[["firstname", "karan"], ["lastname", "khimani"]]

How did i convert this?

Answer 1

Use Object.entries:

const userDetails = { firstname: "karan", lastname: "khimani" };
const arr = Object.entries(userDetails);
console.log(arr);

I believe this is an ES7 feature - so if you need to support older browsers, use map with Object.keys:

var userDetails = { firstname: "karan", lastname: "khimani" };
var arr = Object.keys(userDetails).map(function(key) {
  return [key, userDetails[key]]
});
console.log(arr);

Answer 2

So what you want to do is create an array, which contains keys and values as arrays.

You should have a look at Object.keys and Object.entries.

Soluce are below, but try to find it yourself first looking at the documentation of the functions I've given you.

---

const userDetails = {
  firstname: 'karan',
  lastname: 'khimani'
};

const transformed = Object.keys(userDetails).map(x => [x, userDetails[x]]);

console.log(transformed);

---

Why not always use Object.entries? Because It's not well supported on every browser.

const userDetails = {
  firstname: 'karan',
  lastname: 'khimani'
};

const transformed = Object.entries(userDetails);

console.log(transformed);