Transform object to array of object inside of array object

user19991216 0
Viewed 62

My object currently look like this. I'd like to transform the item object into an array of object.

const items = [
  {
    item_id: 1,
    stock_on_hand: 400,
    item: {
      id: 1,
      code: "ITEM 1",
    },
  },
  {
    item_id: 2,
    stock_on_hand: 150,
    item: {
      id: 2,
      code: "ITEM 2",
    },
  },
];

This result I want to output:

const items = {
  0: {
    item_id: 1,
    stock_on_hand: 400,
  },
  1: {
    item_id: 2,
    stock_on_hand: 150,
  },
  item: [
    {
      id: 1,
      code: "ITEM 1",
    },
    {
      id: 2,
      code: "ITEM 2",
    },
  ],
};

What I've tried:But the item object is still inside the object I want to remove them.

const arr = [];

for(const [key, value] of Object.entries(items)) {
    arr.push(Object.assign({}, value.item));
}

const item = {...items, arr};
ecmascript-6 arrays javascript
6 Answers

Just delete the item from the value

const arr = [];

for(const [key, value] of Object.entries(items)) {
    arr.push(Object.assign({}, value.item));
    delete value.item;
}

const item = {...items, arr};
Nathan Chappell0

You can use forEach to accomplish it, like this:

const items = [
  {
    item_id: 1,
    stock_on_hand: 400,
    item: {
      id: 1,
      code: "ITEM 1",
    },
  },
  {
    item_id: 2,
    stock_on_hand: 150,
    item: {
      id: 2,
      code: "ITEM 2",
    },
  },
];
const obj = {};
items.forEach((el, idx) => {
  const {item, ...otherProps} = el;
  obj[idx] = otherProps;
  obj.items ??= [];
  obj.items.push(item);
})

console.log(obj);

mgm7930

You can't technically do exactly what you want because you cannot use integers as properties of an object (they get converted to strings). You can get close though:

const items = [
  {
    item_id: 1,
    stock_on_hand: 400,
    item: {
      id: 1,
      code: "ITEM 1",
    },
  },
  {
    item_id: 2,
    stock_on_hand: 150,
    item: {
      id: 2,
      code: "ITEM 2",
    },
  },
];

let result = items.reduce( (accum, current, index) => {
  accum[index] = (({ item_id, stock_on_hand }) => ({item_id, stock_on_hand}))(current)
  accum.item.push( current.item )
  return accum
}, { item: [] })

console.log(result)

Tibrogargan0

Actually you can use .reduce and destructuring to transform an array

const items = [{item_id: 1,stock_on_hand: 400,item: {id: 1,code: "ITEM 1",},},{item_id: 2,stock_on_hand: 150,item: {id: 2,code: "ITEM 2",},},];

const result = items.reduce((acc, { item, ...rest }) => {
    acc[rest.item_id] = rest;
    acc.item.push(item);
    return acc;
}, { item: [] });

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0 }

A1exandr Belan0

we can get this way without metion key access

const items = [
  { item_id: 1, stock_on_hand: 400, item: { id: 1, code: "ITEM 1"}},
  { item_id: 2, stock_on_hand: 150, item: { id: 2, code: "ITEM 2"}},
      ];

const func =(ar)=>{
  const temp = []
 ar.map((e, i)=> {
  for(let [x, ind] of Object.entries(e)){
    if(typeof ind == "object"){
      temp.push(ar[ar.indexOf(e)][x])
      delete ar[ar.indexOf(e)][x]
}    
}
})
const obj = {...ar , temp}
return obj
}
console.log(func(items))

jsN00b0

You can simply achieve this by using Array.forEach() method.

Live Demo :

const items = [
  {
    item_id: 1,
    stock_on_hand: 400,
    item: {
      id: 1,
      code: "ITEM 1",
    },
  },
  {
    item_id: 2,
    stock_on_hand: 150,
    item: {
      id: 2,
      code: "ITEM 2",
    },
  },
];

const obj = {};

items.forEach((itemObj, index) => {
  (obj.item) ? obj.item.push(itemObj.item) : obj.item = [itemObj.item]
  delete itemObj.item;
    obj[index] = itemObj;
});

console.log(obj);

Rohìt Jíndal0
Related