'how can I filter BlockList?

First, I'm not an English speaker. I'm a beginner developer. Please understand if my English is awkward

I'm creating a real-time chat app and filtering messages from the person I blocked So I'm filtering through the target number of the blocked person in the entire message. But this filter process is not working well. Can you help me?

  1. Messages come in the form of object arrangement from the server.

like this


Message :  [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

{type: 'message', idx: 1313231, name: '%E3%85%81%E3%84%B4%E3%85%87%E3%85%81', message: 'hello'}

https://i.stack.imgur.com/vMur3.png

  1. Similarly, the block list is also received in the form of an object array from the server.

idx is user's idx target is blocked idx

blockList 
   [{…}]
 > 0: {idx: 1321, target: 2231, timestamp: 1644561250499}
    length: 1
[[Prototype]]: Array(0)

https://i.stack.imgur.com/eLnYQ.png

So I want filtering that message if blockList.target !== enterMsg.idx but it's not working so I tried some ways that is

  const blockMap = blockList.map((el) => el.target)

 const filterdMessage  = () => {enterMsg.filter((msg)=> {
   const realfiltered = enterMsg.filter((el) => {
    blockMap.map((bl) => {
      return el.idx !== bl
    })
   })
    })};

but it is empty array How can i fix it ?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source