Check if Arrays contain Common Elements in JavaScript

Check if Arrays contain common Elements using Array.includes() #

To check if two arrays contain common elements:

1. Use the Array.some() method to iterate over the first array.
2. Check if each element is contained in the second array.
3. If there is at least 1 common element, the Array.some() method will return true.

Copied!
const arr1 = ['pizza', 'cake', 'cola'];
const arr2 = ['pizza', 'beer'];

const contains = arr1.some(element => {
  return arr2.includes(element);
});

console.log(contains); // 👉️ true

The function we passed to the Array.some() method gets called with each element of the array.

The arrays in the example have a common element, so the Array.includes method returns true, causing the Array.some() method to also return true.

Alternatively, you can use the indexOf() method.

Check if Arrays contain common Elements using Array.indexOf() #

To check if two arrays contain common elements:

1. Use the Array.some() method to iterate over the first array.
2. Use the Array.indexOf() method to check if each element is contained in the second array.
3. If the Array.indexOf() method returns a value other than -1, the arrays contain common elements.

Copied!
const arr1 = ['pizza', 'cake', 'cola'];
const arr2 = ['pizza', 'beer'];

const contains = arr1.some(element => {
  return arr2.indexOf(element) !== -1;
});

console.log(contains); // 👉️ true

If the arrays have a common element, then Array.indexOf will return the element's index, otherwise, it returns -1.

In the code example, there is a common element between the arrays, so the callback function returns true and the Array.some() method also returns true.