How to filter objects from one array from another array in JavaScript?

Question

I have two arrays :

let channelList = [
  {
    "channelId": 1,
    "channelName": "SMS"
  },
  {
    "channelId": 2,
    "channelName": "EMAIL"
  },
  {
    "channelId": 3,
    "channelName": "ANDROID"
  },
  {
    "channelId": 4,
    "channelName": "IOS"
  }
]

and

let promoList = [
  {
    "id": 124,
    "channelType": "SMS"
  },
  {
    "id": 125,
    "channelType": "ANDROID"
  },
  {
    "id": 126,
    "channelType": "IOS"
  }
]

I want a new array remainingChannels which has

{
    "channelId": 2,
    "channelName": "EMAIL"
}

because it is not present in promoList, but it is there in channelList.

I am trying to get it using the filter operation like this:

for(let channel of this.promoDetailList) {
     remainingChannels = this.channelList.filter(e => {
         e.channelName == channel.channelType
     });
}

How to do this?

Does this answer your question? How to get the difference between two arrays in JavaScript? — VLAZ
– VLAZ, Commented Sep 28, 2020 at 13:36
No, in this question there is array of characters. I have array of objects. — Nehal Jaisalmeria
– Nehal Jaisalmeria, Commented Sep 28, 2020 at 13:37
Just compare them by channelName instead. The logic for the array difference is the same otherwise. — VLAZ
– VLAZ, Commented Sep 28, 2020 at 13:38
VLAZ first comment is correct, just simplify one of the arrays of objects to a string array then follow the answer of that question. — user2317487
– user2317487, Commented Sep 28, 2020 at 13:48

Nithish · Accepted Answer · 2020-09-28 14:09:54Z

4

You can make use of Array.filter and Array.some

let channelList = [{"channelId":1,"channelName":"SMS"},{"channelId":2,"channelName":"EMAIL"},{"channelId":3,"channelName":"ANDROID"},{"channelId":4,"channelName":"IOS"}];

let promoList = [{"id":124,"channelType":"SMS"},{"id":125,"channelType":"ANDROID"},{"id":126,"channelType":"IOS"}]

//Check if the `channelName` from `channels` is matching with any of the
//`channelType` from `promos` list, negate the result. 
const filterData = (channels, promos) => channels.filter(channel => !promos.some(promo => promo.channelType === channel.channelName))

console.log(filterData(channelList, promoList));

This can also be achieved using Array.filter and Array.find.

let channelList = [{"channelId":1,"channelName":"SMS"},{"channelId":2,"channelName":"EMAIL"},{"channelId":3,"channelName":"ANDROID"},{"channelId":4,"channelName":"IOS"}];
let promoList = [{"id":124,"channelType":"SMS"},{"id":125,"channelType":"ANDROID"},{"id":126,"channelType":"IOS"}]

const filterData = (channels, promos) => channels.filter(({ channelName }) => !promos.find(({ channelType }) => channelName === channelType));

console.log(filterData(channelList, promoList))

edited Sep 28, 2020 at 14:09

answered Sep 28, 2020 at 13:46

Nithish

6,1273 gold badges13 silver badges25 bronze badges

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

2 Comments

Nehal Jaisalmeria Over a year ago

Is there an alternative to using !this.promoDetailList.some?

Nithish Over a year ago

Can also be achieved using Array.find, or Array.filter or Array.findIndex. I have updated my answer using Array.find

Derek Wang · Accepted Answer · 2020-09-28 13:44:40Z

1

You can do it using Array.filter.

let channelList = [
  {
    "channelId": 1,
    "channelName": "SMS"
  },
  {
    "channelId": 2,
    "channelName": "EMAIL"
  },
  {
    "channelId": 3,
    "channelName": "ANDROID"
  },
  {
    "channelId": 4,
    "channelName": "IOS"
  }
]

let promoList = [
  {
    "id": 124,
    "channelType": "SMS"
  },
  {
    "id": 125,
    "channelType": "ANDROID"
  },
  {
    "id": 126,
    "channelType": "IOS"
  }
]

const result = channelList.filter(({channelName}) => {
  return promoList.filter(({ channelType }) => channelType === channelName).length == 0;
});
console.log(result);

answered Sep 28, 2020 at 13:44

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

2 Comments

Nehal Jaisalmeria Over a year ago

Why are we using ({channelName}) like this here?

Derek Wang Over a year ago

To compare the channelName value with promoList. So to check validation.

user2317487 · Accepted Answer · 2020-09-28 13:44:12Z

0

Extract the items of one of the arrays into a string array.

let channelList = [
  {
    "channelId": 1,
    "channelName": "SMS"
  },
  {
    "channelId": 2,
    "channelName": "EMAIL"
  },
  {
    "channelId": 3,
    "channelName": "ANDROID"
  },
  {
    "channelId": 4,
    "channelName": "IOS"
  }
]

let promoList = [
  {
    "id": 124,
    "channelType": "SMS"
  },
  {
    "id": 125,
    "channelType": "ANDROID"
  },
  {
    "id": 126,
    "channelType": "IOS"
  }
]

function cross(a, b) {
  const b_ = b.map(item => item.channelType)
  const res = []
  a.forEach(item => {if (!b_.includes(item.channelName)) res.push(item)})
  console.log(res)
}
cross(channelList, promoList)

answered Sep 28, 2020 at 13:44

user2317487

Collectives™ on Stack Overflow

How to filter objects from one array from another array in JavaScript?

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related