How to use map and filter together for checking two array

Question

I have an array which looks like :

const tilesToShow = ['student','teacher', 'marks', 'presenty']

const response = ['student','teacher', 'internalMarks','RollNumber' 'marks','presenty']

Now, Here I want to show user only the tiles that are present in the tilesToShow array, but need to check the api response as well.

So, I have to filter the reponse, means remove the tiles from the response which are not present in the tilesToShow array. and then iterate the filtered array.

So How can I do this ?

Thanks.

score 3 · Answer 1 · answered Jul 27 '22 at 07:19

3

You can use filter and includes array method for get your output, hope this will help to you

const tilesToShow = ['student','teacher', 'marks', 'presenty'];

const response = ['student','teacher', 'internalMarks','RollNumber', 'marks','presenty']

console.log(response.filter((e)=> tilesToShow.includes(e)))

answered Jul 27 '22 at 07:19

Mr.Developer

489
2
8

can we use reduce on this, because I want to use filter and then map on it – ganesh kaspate Jul 27 '22 at 07:50
response.filter((e)=> tilesToShow.includes(e)).map((e)=>{ console.log(e) }) you can use it above method for map after filtered the result – Mr.Developer Jul 27 '22 at 07:56

score 2 · Answer 2 · edited Jul 27 '22 at 20:58

2

const response = ['student','teacher', 'internalMarks','RollNumber' 'marks','presenty']
var filteredArray = response.filter(function(item) {
    return tilesToShow.indexOf(item) !== -1;
});

edited Jul 27 '22 at 20:58

shanfeng

503
2
14

answered Jul 27 '22 at 07:16

Mercury

7,430
3
42
54

score 0 · Answer 3 · answered Jul 27 '22 at 07:24

This snippet will do the work for you.

const tilesToShow = ['student','teacher', 'marks', 'presenty']

const response = ['student','teacher', 'internalMarks','RollNumber' 'marks','presenty']

const filteredResponse = response.filter((item) => tilesToShow.includes(item))

score 0 · Answer 4 · answered Jul 27 '22 at 07:41

0

You could use @Mr.Developer suggestion but keep in mind if datasets are big it's worth to consider using Set.has instead of ``Array.includes` due to performance. But for a few values it's not that important.

answered Jul 27 '22 at 07:41

Krulig

11
1

How to use map and filter together for checking two array

4 Answers4