CODEWITHSUNDEEP
javascriptarrays
George Grigorita
George Grigorita

Reputation: 1890

Array of objects: delete keys from object and add them as a new object to the same array

I have an array of objects that looks like this:

const products = [{
    "listPrice": 50,
    "discount": 10,
    "total": 45,
    "users": "",
    "userNumber": 10,
    "userlistPrice": 120,
    "userDiscount": 10,
    "userTotal": 108
  },
  {
    "listPrice": 1000,
    "discount": 10,
    "total": 900,
    "userNumber": 100,
    "userlistPrice": 1200,
    "userDiscount": 0,
    "userTotal": 1200
  },
  {
    "listPrice": 100,
    "discount": 0,
    "total": 100,
    "userNumber": "",
    "userlistPrice": "",
    "userDiscount": 0,
    "userTotal": ""
  },
  {
    "listPrice": 100,
    "discount": 10,
    "total": 90,
    "userNumber": 100,
    "userlistPrice": 1200,
    "userDiscount": 0,
    "userTotal": 1200
  },
  {
    "listPrice": 5000,
    "discount": 0,
    "total": 5000,
    "userNumber": "",
    "userlistPrice": "",
    "userDiscount": 0,
    "userTotal": ""
  },
  {
    "name": "",
    "listPrice": "",
    "discount": 0,
    "total": ""
  },
  {
    "name": "",
    "listPrice": "",
    "discount": 0,
    "total": ""
  }
]

I need to get all the users keys (userNumber, userListPrice and so on) into a new object right after the one it was in, in the same array.

First I tried to do it with a for loop then a tried with a forEach and finally with filter but I didn't get anywhere. I also tried to use splice but I couldn't get the index right.

If someone could point me in the right direction, I would very much appreciate.

Expected result is this:

const products = [{
    "listPrice": 50,
    "discount": 10,
    "total": 45,
  },
{
    "users": "",
    "userNumber": 10,
    "userlistPrice": 120,
    "userDiscount": 10,
    "userTotal": 108

},
  {
    "listPrice": 1000,
    "discount": 10,
    "total": 900,
  },
{
    "userNumber": 100,
    "userlistPrice": 1200,
    "userDiscount": 0,
    "userTotal": 1200
}]

Attempts so solve this are in this fiddle: https://jsfiddle.net/7hkouzpn/

Upvotes: 0

Views: 67

Answers (2)

georg
georg

Reputation: 214959

You can write a "partition" function that divides an object into two parts (non-"user" and "user" props) and flatMap your array with this function:

result = products.flatMap(obj => {
    let parts = [{}, {}]
    for (let key in obj)
        parts[key.startsWith('user') ? 1 : 0][key] = obj[key]
    return parts
})

If you don't want empty objects that might be created by this code, the simplest option would be to filter them out afterwards:

result = result.filter(obj => Object.keys(obj).length > 0)

Upvotes: 3

user15873596
user15873596

Reputation: 165

If someone could point me in the right direction, I would very much appreciate.

This a a good direction you could take using forEach().

I hoped it'll help.

const products = [{
    "listPrice": 50,
    "discount": 10,
    "total": 45,
    "users": "",
    "userNumber": 10,
    "userlistPrice": 120,
    "userDiscount": 10,
    "userTotal": 108
  },
  {
    "listPrice": 1000,
    "discount": 10,
    "total": 900,
    "userNumber": 100,
    "userlistPrice": 1200,
    "userDiscount": 0,
    "userTotal": 1200
  },
  {
    "listPrice": 100,
    "discount": 0,
    "total": 100,
    "userNumber": "",
    "userlistPrice": "",
    "userDiscount": 0,
    "userTotal": ""
  },
  {
    "listPrice": 100,
    "discount": 10,
    "total": 90,
    "userNumber": 100,
    "userlistPrice": 1200,
    "userDiscount": 0,
    "userTotal": 1200
  },
  {
    "listPrice": 5000,
    "discount": 0,
    "total": 5000,
    "userNumber": "",
    "userlistPrice": "",
    "userDiscount": 0,
    "userTotal": ""
  },
  {
    "name": "",
    "listPrice": "",
    "discount": 0,
    "total": ""
  },
  {
    "name": "",
    "listPrice": "",
    "discount": 0,
    "total": ""
  }
]

var newArray = [] 
var newObject = {}
var newObjectKeys = {}

products.forEach(product => {
   newObject = { "name": product.name }
   newObjectKeys = {"objKey": Object.keys(product) }
  newArray.push(newObject)
});

console.log(newArray)
console.log(newObjectKeys)

Upvotes: 0

Related Questions