<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
Finding matches between more than
2 JavaScript arrays
</
title
>
<
style
>
body {
text-align:center;
}
h1 {
color: green;
}
#geeks {
font-size: 16px;
font-weight: bold;
}
#gfg {
color: green;
font-size: 18px;
font-weight: bold;
}
</
style
>
</
head
>
<
body
style
=
""
>
<
h1
>
GeeksforGeeks
</
h1
>
<
p
id
=
"geeks"
>
</
p
>
<
button
onClick
=
"GFG_Fun()"
>
click here
</
button
>
<
p
id
=
"gfg"
>
</
p
>
<
script
>
var up = document.getElementById('geeks');
var down = document.getElementById('gfg');
var arr1 = [1, 3, 5, 7, 9];
var arr2 = [1, 2, 4, 5, 7];
var arr3 = [1, 2, 5, 7, 8];
var arr = [arr1, arr2, arr3];
up.innerHTML =
"Click on button to get the common elements from these"+
" array<
br
>Array1 - [" + arr1 + "]<
br
>Array2 -"+
" [" + arr2 + "]<
br
>Array3 - [" + arr3 + "]";
function GFG_Fun() {
arr4 = arr.slice();
down.innerHTML = arr4.shift().filter(function(v) {
return arr4.every(function(a) {
return a.indexOf(v) !== -1;
});
});
}
</
script
>
</
body
>
</
html
>