Create new Array using two Arrays Specific data and values

Question

I want to create a new Array using two arrays.

itemsAll = [
    {id: 1, itemId: 1, serialNo:"11111111", itemTypeId: 1, itemMasterId: 1, itemStatus: 0, updatedBy: 1 },
    {id: 2, itemId: 2, serialNo:"2222222", itemTypeId: 3, itemMasterId: 2, itemStatus: 0, updatedBy: 1 }
];

There is a itemTypeId i want to get itemTypeName match with itemTypeId.

itemType = [
    {id: 3, itemTypeId: 1, itemTypeName: "type Name 1", description: "Hello", itemTypeStatus: 0, status: true },
    {id: 13, itemTypeId: 2, itemTypeName: "type Name 2", description: "222 Hello", itemTypeStatus: 0, status: true },
    {id: 15 , itemTypeId: 3, itemTypeName: "type Name 3", description: "333 Hello", itemTypeStatus: 0, status: true }
];

Expected Array

itemsAllNew = [
    {id: 1, itemId: 1, serialNo:"11111111", itemTypeId: 1, itemTypeName: "type Name 1", itemMasterId: 1, itemStatus: 0, updatedBy: 1 },
    {id: 2, itemId: 2, serialNo:"2222222", itemTypeId: 3, , itemTypeName: "type Name 3", itemMasterId: 2, itemStatus: 0, updatedBy: 1 }
];

I added below tried solution but its contain unwanted key-value pairs also.

const output = itemsAll.map(
    itemsall => Object.assign(itemsall, itemType.find((itemtype) => itemtype.itemTypeId === itemsall.itemTypeId))
);

console.log(output);

Attached screenshot of output.

Please visit help center, take tour to see what and How to Ask. Do some research, search for related topics on SO; if you get stuck, post a minimal reproducible example of your attempt, noting input and expected output, preferably in a Stacksnippet — mplungjan
– mplungjan, Commented Sep 5, 2020 at 13:06
foreach and developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — mplungjan
– mplungjan, Commented Sep 5, 2020 at 13:09
It is not clear what you really want. You didn’t give us the criteria for associating the two matrices and you also didn’t give us a try — Aks Jacoves
– Aks Jacoves, Commented Sep 5, 2020 at 13:09

StepUp · Accepted Answer · 2020-09-05 13:30:05Z

You can create a Map object and map it with time complexity O(1):

const mapItemType = new Map(itemType.map(i => [i.itemTypeId, i.itemTypeName]));
const result = itemsAll.map(({itemTypeId, ...other}) => 
   ({itemTypeName: mapItemType.get(itemTypeId), ...other }))

An example:

let itemsAll = [
    {id: 1, itemId: 1, serialNo:"11111111", itemTypeId: 1, itemMasterId: 1, itemStatus: 0, updatedBy: 1 },
    {id: 2, itemId: 2, serialNo:"2222222", itemTypeId: 3, itemMasterId: 2, itemStatus: 0, updatedBy: 1 }
];

let itemType = [
    {id: 3, itemTypeId: 1, itemTypeName: "type Name 1", description: "Hello", itemTypeStatus: 0, status: true },
    {id: 13, itemTypeId: 2, itemTypeName: "type Name 2", description: "222 Hello", itemTypeStatus: 0, status: true },
    {id: 15 , itemTypeId: 3, itemTypeName: "type Name 3", description: "333 Hello", itemTypeStatus: 0, status: true }
];

const mapItemType = new Map(itemType.map(i => [i.itemTypeId, i.itemTypeName]));
const result = itemsAll.map(({itemTypeId, ...other}) => ({itemTypeName: mapItemType.get(itemTypeId), ...other }))
console.log(result)

Nithish · Accepted Answer · 2020-09-05 13:19:25Z

1

You can loop through the itemsAll array and check with the itemTypeId of the item in itemType array.

const itemsAll = [
    {id: 1, itemId: 1, serialNo:"11111111", itemTypeId: 1, itemMasterId: 1, itemStatus: 0, updatedBy: 1 },
    {id: 2, itemId: 2, serialNo:"2222222", itemTypeId: 3, itemMasterId: 2, itemStatus: 0, updatedBy: 1 }
];

const itemType = [
    {id: 3, itemTypeId: 1, itemTypeName: "type Name 1", description: "Hello", itemTypeStatus: 0, status: true },
    {id: 13, itemTypeId: 2, itemTypeName: "type Name 2", description: "222 Hello", itemTypeStatus: 0, status: true },
    {id: 15 , itemTypeId: 3, itemTypeName: "type Name 3", description: "333 Hello", itemTypeStatus: 0, status: true }
];

const findItemTypes = (items, types) => {
  return items.map(item => {
    const { itemTypeName } = (types.find(type => type.itemTypeId === item.itemTypeId) || {});
    return {
    ...item,
    itemTypeName
    }
  })
}

console.log(findItemTypes(itemsAll, itemType))

.as-console-wrapper {
  max-height: 100% !important;
}

edited Sep 5, 2020 at 13:19

answered Sep 5, 2020 at 13:13

Nithish

6,1273 gold badges13 silver badges25 bronze badges

1 Comment

Pramith Chathuranga Over a year ago

There is a unwanted data "description": "Hello" how to exclude them.

Shubham Patel · Accepted Answer · 2020-09-05 13:23:30Z

1

So you mean you are getting extra key value pairs. e.g. description: '222 Hello' but you don't want that.. So if your solution is working fine then all you need to do is remove the unnecessary fields. One way would be using the map function.

const newArr = arr.map(({Title, ...rest}) => ({...rest}))

This would remove the Title field and give you the remaining fields. You can do similarly for your use case.

answered Sep 5, 2020 at 13:23

Shubham Patel

1332 silver badges10 bronze badges

1 Comment

adiga Over a year ago

That could be simplified to arr.map(({ Title, ...rest}) => rest)

Collectives™ on Stack Overflow

Create new Array using two Arrays Specific data and values

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related