Convert object to mapped Array?

Question

Is there a way to improve this code to convert object to mapped array?

I have came up with this solution, is there a better approach and cleaner?

let productItems =  {
    'Item1': { 
        quantity: 4, 
        name: 4,
        price: 123
    },
    'Item2': { 
        quantity: 1, 
        name: 3,
        price: 144
    },
    'Item3': { 
        quantity: 2, 
        name: 2,
        price: 343
    }
}

let items = [];

for (const item in productItems) {
    const formatItem = {
        "Qty": productItems[item].quantity,
        "Cost": productItems[item].price
    }

    items.push(formatItem);
}

Output:

[ { Qty: 4, Cost: 123 },
  { Qty: 1, Cost: 144 },
  { Qty: 2, Cost: 343 } ]

Mamun · Accepted Answer · 2018-12-11 17:57:04Z

6

You can use Object.values()

The Object.values() method returns an array of a given object's own enumerable property values, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

and Array.prototype.map():

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

let productItems =  {
    'Item1': { 
        quantity: 4, 
        name: 4,
        price: 123
    },
    'Item2': { 
        quantity: 1, 
        name: 3,
        price: 144
    },
    'Item3': { 
        quantity: 2, 
        name: 2,
        price: 343
    }
}

let items = Object.values(productItems).map(i => ({Qty: i.quantity, Cost: i.price}));
console.log(items);

answered Dec 11, 2018 at 17:57

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

Comments

prabeen90 · Accepted Answer · 2018-12-12 17:05:24Z

1

Object.values will work fine. in case you want to access the keys and values both you can use Object.entries with map

Object.entries({
'Item1': { 
    quantity: 4, 
    name: 4,
    price: 123
},
'Item2': { 
    quantity: 1, 
    name: 3,
    price: 144
},
'Item3': { 
    quantity: 2, 
    name: 2,
    price: 343
}}).map(([key, {quantity, price}]) => ({Qty: quantity, Cost: price}))

edited Dec 12, 2018 at 17:05

answered Dec 11, 2018 at 18:11

prabeen90

4503 silver badges13 bronze badges

3 Comments

Jake Holzinger Over a year ago

Object.entries(obj) returns an array of arrays. The example you've provided will not work as expected. It's easy to fix with array destructuring though: [key, item] => (...)

Jake Holzinger Over a year ago

This is still wrong. You should read the documentation for Object.entries() and test out your code before posting it.

prabeen90 Over a year ago

I am extremely sorry, this is embarrassing. I have updated the answer

Collectives™ on Stack Overflow

Convert object to mapped Array?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related