JavaScript 如何获取一个数组中不在另一个数组中的元素

任务是获取一个数组中不在另一个数组中的元素。我们将使用JavaScript来实现这个目标。以下是几种讨论的技巧。

方法：

将数组存储在变量中。
在第一个数组上使用 .filter()方法 ，检查第一个数组的元素是否不在第二个数组中，将这些元素包含在输出中。

示例1： 此示例使用了上述方法。

<h1 id="h1" style="color:green;"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"></p> 
<button onclick="gfg_Run()"> 
    Click here 
</button> 
<p id="GFG_DOWN"></p> 
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var ar1 = [1, 2, 3, 4]; 
    var ar2 = [2, 4]; 
    el_up.innerHTML = 
    "Click on the button to remove the element of "+ 
    "second from the first array.<br><br> firstArray - " + 
    ar1 + "<br>secondArray - " + ar2; 
      
    function gfg_Run() { 
        var elmts = ar1.filter( 
            function(i) { 
                return this.indexOf(i) < 0; 
            }, 
            ar2 
        ); 
        el_down.innerHTML = elmts; 
    } 
</script>

输出：

JavaScript 如何获取一个数组中不在另一个数组中的元素

示例2： 这个示例使用相同的方法，但是使用了不同的JavaScript方法。

<h1 id="h1" style="color:green;"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"></p> 
<button onclick="gfg_Run()"> 
    Click here 
</button> 
<p id="GFG_DOWN"></p> 
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var ar1 = [1, 2, 3, 4]; 
    var ar2 = [2, 4]; 
    el_up.innerHTML = 
    "Click on the button to remove the element of second"+ 
    " from the first array.<br><br> firstArray - " 
    + ar1 + "<br>secondArray - " + ar2; 
      
    function gfg_Run() { 
        var elmts = ar1.filter(f => !ar2.includes(f)); 
        el_down.innerHTML = elmts; 
    } 
</script>

输出:

JavaScript 如何获取一个数组中不在另一个数组中的元素