javascript object parsing and creating new object array

Question

I have the following object.

{
  itemName: [ 'hard drive', 'fafa' ],
  itemValue: [ '383.00', '565' ],
  itemQuantity: [ '61626', '65' ],
}

How do I turn it to this object array below?

    {
        items: [
            {itemName : 'hard drive', itemValue : '383.00', itemQuantity : '61626'},
            {itemName : 'fafa', itemValue : '565', itemQuantity : '65'},
        ]
    }

@Gilles-AntoineNys - no, into a javascript object. JSON is a string representation of data, and can represent an array, object, collection, etc..... — random_user_name
– random_user_name, Commented May 7, 2018 at 21:10

Ori Drori · Accepted Answer · 2018-05-07 21:16:22Z

4

Get the keys/values pairs (entries) from the object using Object.entries(). Iterate the entries with Array.reduce(). Inside the reduce, iterate the values with Array.forEach(), and check if an object exists in the result array (result) in the current index (index), if not add an empty one. Add the current key (key) and the current (value) to the object.

const data = {
  itemName: [ 'hard drive', 'fafa' ],
  itemValue: [ '383.00', '565' ],
  itemQuantity: [ '61626', '65' ],
};

const result = Object.entries(data)
  .reduce((result, [key, values]) => {
    values.forEach((value, index) => {
      if(!result[index]) result[index] = {};
      
      result[index][key] = value;
    });
  
    return result;
  }, []);
  
console.log({ items: result });

edited May 7, 2018 at 21:16

answered May 7, 2018 at 21:09

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

5 Comments

random_user_name Over a year ago

Upvoted, but I think it's worth noting that this requires ES6, which isn't necessarily always available (eh-hem, IE11).... kangax.github.io/compat-table/es6

Mohammad Usman Over a year ago

@cale_b May be OP is working with server side JS and browser is not an issue :)

random_user_name Over a year ago

Again - may be, but it's worth noting in an anwer that uses ES6 that it's an ES6-only answer. Maybe OP has no idea what is / is not compatible. (Maybe that's why OP is here asking?)

Mohammad Usman Over a year ago

@cale_b Anyway its upto Ori. Its his post but for me this solution is fine.

Ori Drori Over a year ago

@cale_b - I agree. That's why I add links to everything I use. Since the links are to MDN, at the bottom of each article you can find a browser compatibility table. I'm not stating that it's ES6 because it's not ES6 (Object.entries() is ES2017), and today with the transpilers, and the browser support it's really blurred.

dani-sc · Accepted Answer · 2018-05-07 21:10:04Z

1

You could simply loop over it, for a straight-forward solution:

const object = {
  itemName: [ 'hard drive', 'fafa' ],
  itemValue: [ '383.00', '565' ],
  itemQuantity: [ '61626', '65' ],
};

const items = [];
for (let i = 0; i < object.itemName.length; i += 1) {
  items.push({
    itemName: object.itemName[i],
    itemValue: object.itemValue[i],
    itemQuantity: object.itemQuantity[i],
  });
}

console.log(items);

answered May 7, 2018 at 21:10

dani-sc

3081 silver badge8 bronze badges

3 Comments

random_user_name Over a year ago

This was my initial thought, but what if there's multiple items with the same name?

dani-sc Over a year ago

You mean for example if the array itemName contains ['hard drive', 'foo', 'hard drive', 'hard drive']? Do you need uniqueness in any way? Or could you give an example?

random_user_name Over a year ago

I'm just here reviewing, I'm not the person who asked the question.... but that's a valid question, I think....

Collectives™ on Stack Overflow

javascript object parsing and creating new object array

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related