change JS object value to key/value

Question

Can anyone tell me how to do this? I want to change the Product* value be a key/value pair (Product: Product*) and each one to be its own object.

Input:

[
  "ProductA": {
    "Available": true,
    "Customers": "non-registered"
  },

  "ProductB": {
    "Number": 0
  },

  "ProductC": {
    "Number": 10,
    "Available": false,
    "Customers": "registered"
  }
]

Desired Output:

[
  {
    "Product": "ProductA",
    "Available": true,
    "Customers": "non-registered"
  },
  {
    "Product": "ProductB",
    "Number": 0
  },
  {
    "Product": "ProductC",
    "Number": 10,
    "Available": false,
    "Customers": "registered"
  }
]

note that your desired output is impossible, it's not valid json or a valid object: the outer object must be an array if you want to have unnamed objects in it — Klaycon
– Klaycon, Commented Feb 6, 2020 at 22:46

Klaycon · Accepted Answer · 2020-02-06 22:47:59Z

1

Assuming you want the resulting objects in an array, you can do this with a simple .map() using Object.keys():

const data = { "ProductA": { "Available": true, "Customers": "non-registered" }, "ProductB": { "Number": 0 }, "ProductC": { "Number": 10, "Available": false, "Customers": "registered" } };

let result = Object.keys(data).map(key => ({Product: key, ...data[key]}));
console.log(result);

answered Feb 6, 2020 at 22:47

Klaycon

11.1k23 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

wakakak · Accepted Answer · 2020-02-06 22:45:40Z

0

You can use Object.entries to get the key value pair, and then map it to match to your desired output properties.

var prod = {
  "ProductA": {
    "Available": true,
    "Customers": "non-registered"
  },

  "ProductB": {
    "Number": 0
  },

  "ProductC": {
    "Number": 10,
    "Available": false,
    "Customers": "registered"
  }
};

const mappedProduct = Object.entries(prod).map(([key, value]) => {
  return {
    product: key,
    ...value
  }
});

console.log(mappedProduct);

answered Feb 6, 2020 at 22:45

wakakak

8525 silver badges14 bronze badges

1 Comment

Kevin Over a year ago

With arrow functions implicit return you can shorten your map function to: ([key, value]) => ({ product: key, ...value })

EugenSunic · Accepted Answer · 2020-02-07 08:22:15Z

0

Simple solution, without requiring Object.entries

const obj = {
  "ProductA": {
    "Available": true,
    "Customers": "non-registered"
  },

  "ProductB": {
    "Number": 0
  },

  "ProductC": {
    "Number": 10,
    "Available": false,
    "Customers": "registered"
  }
}

const res = Object.keys(obj).map(key => ({
  Product: key,
  ...obj[key]
}))
console.log(res)

edited Feb 7, 2020 at 8:22

answered Feb 6, 2020 at 22:48

EugenSunic

13.8k15 gold badges68 silver badges96 bronze badges

Collectives™ on Stack Overflow

change JS object value to key/value

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related