Skip to content
Related Articles

Related Articles

How to Create an Array using Intersection of two Arrays in JavaScript ?

Improve Article
Save Article
  • Difficulty Level : Medium
  • Last Updated : 25 Oct, 2022
Improve Article
Save Article

In this article, we will try to understand how to create an array using the intersection values of two arrays in JavaScript using some coding examples.

For Example:

arr1 = [1, 3, 5, 7, 9, 10, 14, 15]
arr2 = [1, 2, 3, 7, 10, 11, 13, 14]

result_arr = [1, 3, 7, 10, 14]

Example 1:

  • In this example, we will see the native approach to solving our problem statement which is how to create an array using the two arrays’ intersection values. 
  • This approach uses two simple for-loops which will run on both the arrays so created earlier and an if-statement which checks the values of both the arrays
  • After checking the values from both the arrays, we will actually push the values into the new array and return the array from the function and later display the result over the browser’s console. 

Javascript




<script>
    let first_array = [1, 3, 5, 7, 9];
    let second_array = [2, 3, 4, 5, 6, 9];
 
    let res_arr = (first_array, second_array) => {
        let new_array = [];
        for (let i = 0; i < first_array.length; i++) {
            for (let j = 0; j < second_array.length; j++) {
                if (first_array[i] === second_array[j]) {
                    new_array.push(first_array[i]);
                }
            }
        }
        return new_array;
    };
 
    console.log("Array obtained is :");
    console.log(res_arr(first_array, second_array));
</script>


Output:

Array obtained is :
[ 3, 5, 9 ]

Example 2: 

  • In this example, we will try to visualize the better approach as compared to what we have witnessed in the previous example itself and we will try to avoid the extra overhead so required previously. 
  • In this example, we will use the filter() method as well as includes() method of Arrays in JavaScript which will eventually filter elements based on their inclusion in both the arrays themselves. 
  • Later after filtering the elements from both arrays, we will display the array as output in the console.

Javascript




<script>
    let first_array = [1, 3, 5, 7, 9];
    let second_array = [2, 3, 4, 5, 6, 9];
 
    let new_array = first_array.filter(
        (element) => second_array.includes(element));
 
    console.log("Array obtained is :");
    console.log(new_array);
</script>


Output:

Array obtained is :
[ 3, 5, 9 ]

Example 3:

  • In this example, we will look into another approach which is the usage of Set in JavaScript. 
  • Here, we will convert our two arrays into the sets and then use simple one for-loop and one if-statement. We will check the values of the two sets themselves and then similar values will be pushed into the new array itself. 
  • That new array will be returned from a function and will be printed in the browser’s console as output.

Javascript




<script>
    let res_arr = (arr1, arr2) => {
        let first_array_set = new Set(arr1);
        let second_array_set = new Set(arr2);
        let new_array = [];
        for (let element of second_array_set) {
            if (first_array_set.has(element)) {
                new_array.push(element);
            }
        }
        return new_array;
    };
 
    let first_array = [1, 3, 5, 7, 9];
    let second_array = [2, 3, 4, 5, 6, 9];
 
    console.log("Array obtained is: ");
    console.log(res_arr(first_array, second_array));
</script>


Output:

Array obtained is: 
[ 3, 5, 9 ]

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!