Get array of same object from two arrays

Question

the first one is a global list of products (say 10 products) that each product contains a code and a quantity greater than or equal to 0. (this is important)

the second is a list of products (say 3) that each product contains a code (the same as in the first table) and a quantity equal to 0.

I want to filter the first array and have an array with 3 product but keep the quantities of the first one for example:

   state.Data = [
        {
            "code": "0",
            "qte": "0"
        },
        {
            "code": "1",
            "qte": "0"
        },
        {
            "code": "2",
            "qte": "14"
        },
        {
            "code": "3",
            "qte": "14"
        },
        {
            "code": "4",
            "qte": "0"
        },
        {
            "code": "5",
            "qte": "0"
        },
        {
            "code": "6",
            "qte": "0"
        },
        {
            "code": "7",
            "qte": "0"
        },
        {
            "code": "8",
            "qte": "0"
        },
        {
            "code": "9",
            "qte": "0"
        }
    ];
    action.value.Data = [
        {
            "code": "0",
            "qte": "0"
        },
        {
            "code": "2",
            "qte": "0"
        },
        {
            "code": "3",
            "qte": "0"
        }
    ];
 // what I want:
    result = [
        {
            "code": "0",
            "qte": "0"
        },
        {
            "code": "2",
            "qte": "14"
        },
        {
            "code": "3",
            "qte": "14"
        }
    ];

the difference between action.value.Data and result is qte of each product.

I had tried:

  const mainData = [...action.value.Data,...state.Data];
  var catData = mainData.reduce((p, c) => {
    p[c.code] = (p[c.code] || 0) ;
    return p;
  }, {});
  
  var result = mainData.filter((obj) => {
    return catData[obj.code] >= 0;
  });
nextState = {
  ...state,

  Data: result,
}

but the result table gives me 6 products instead of 3 (always double) and the qte is always 0, so how to filter the state.Data array and keep only the products which have the same code as in the action.value.Data array

Dmitry Reutov · Accepted Answer · 2021-01-16 16:27:42Z

2

I can not understand the logic of your code actually. Solution is extremely simple

// step 1: getting keys
const keys = action.value.Data.map(v => v.code)

// step 2: filter values with these keys
const values = state.Data.filter(v => keys.includes(v.code))

That's it

answered Jan 16, 2021 at 16:27

Dmitry Reutov

3,0321 gold badge9 silver badges22 bronze badges

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

Comments

Danielo515 · Accepted Answer · 2021-01-16 16:39:07Z

1

This can be easily done with one liner. All you want to do is filter the first array checking which items are on the second array:

const result = state.Data.filter(({code}) => 
               action.value.Data.some(x => x.code === code))
console.log(result)

You get exactly the value you want.

answered Jan 16, 2021 at 16:39

Danielo515

7,3016 gold badges46 silver badges84 bronze badges

Comments

Carsten Massmann · Accepted Answer · 2021-01-16 16:39:41Z

0

const state = {Data:[
   {"code": "0","qte": "0"},{"code": "1","qte": "0"},{"code": "2","qte": "14"},{"code": "3","qte": "14"},
   {"code": "4","qte": "0"},{"code": "5","qte": "0"},{"code": "6","qte": "0"},{"code": "7","qte": "0"},
   {"code": "8","qte": "0"},{"code": "9","qte": "0"}
]},
 action = {value:{Data:[
   {"code": "0","qte": "0"},{"code": "2","qte": "0"},{"code": "3","qte": "0"}
]}};

const res = state.Data.filter(o=>action.value.Data.some(a=>a.code==o.code));

console.log(res)

answered Jan 16, 2021 at 16:39

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Comments

Ramesh Reddy · Accepted Answer · 2021-01-16 16:45:00Z

You can just filter the global products based on the codes in action.value.Data but you can also try the below solution to avoid nested loops.

Create a map with code as keys, qte as values and use it while mapping the action.value.Data.

const global = [{
    "code": "0",
    "qte": "0"
  },
  {
    "code": "1",
    "qte": "0"
  },
  {
    "code": "2",
    "qte": "14"
  },
  {
    "code": "3",
    "qte": "14"
  },
  {
    "code": "4",
    "qte": "0"
  },
  {
    "code": "5",
    "qte": "0"
  },
  {
    "code": "6",
    "qte": "0"
  },
  {
    "code": "7",
    "qte": "0"
  },
  {
    "code": "8",
    "qte": "0"
  },
  {
    "code": "9",
    "qte": "0"
  }
];
const bla = [{
    "code": "0",
    "qte": "0"
  },
  {
    "code": "2",
    "qte": "0"
  },
  {
    "code": "3",
    "qte": "0"
  }
];

const codeVsQty = new Map(global.map(({code, qte}) => [code, qte]));

const result = bla.map(({code}) => ({code, qte: codeVsQty.get(code)}));

console.log(result)

Collectives™ on Stack Overflow

Get array of same object from two arrays

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related