Transform object to array of object inside of array object

Question

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};

Answer 1

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};

Answer 2

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);

Answer 3

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 }

Answer 4

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)

Answer 5

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);

Answer 6

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))