JavaScript |从数组中删除空元素

为了从数组中删除空元素，使用了filter()方法。此方法将返回一个新数组，其中包含通过回调函数条件的元素。

array.filter()此函数从给定数组创建一个新数组，该数组由提供的数组中满足参数函数条件的元素组成。

array.filter( function(cValue, index, arr), tValue )

参数：此函数接受下面列出的两个参数：

• 函数：它包含三个参数。
  • cValue：该参数是必需的，它是当前元素的值。
  • index：该参数可选，为当前元素的数组索引。
  • arr：此参数是可选的。它是当前元素所属的数组对象。
• tValue：此参数是可选的。该值将被传递给函数以用作其“this”值。
  如果为空，将传递值“未定义”。

示例：此示例从数组中删除未定义、空和空元素。

 
 
  
 
     
        JavaScript | Remove empty elements
        from an array
     
 
      
 
  
     
        GeeksForGeeks 
     
  
    
      
     
        Click here 
     
          
    
          
     
        var array = ["GFG_1", "GFG_2", null, "GFG_3",
                    "", "GFG_4", undefined, "GFG_5",,,,,,
                    "GFG_6",, 4,, 5,, 6,,,,];
          
        var p_up = document.getElementById("GFG_up");
          
        p_up.innerHTML = array;
          
        function myGeeks() {
            var p_down = document.getElementById("GFG_down");
            var filtered = array.filter(function (el) {
                return el != null;
            });
            p_down.innerHTML = filtered;
        } 
     
 
  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例：此示例仅从数组中删除“假”值。

 
 
  
 
     
        JavaScript | Remove empty
        elements from an array
     
 
      
 
  
     
        GeeksForGeeks 
     
  
    
      
     
        Click here 
     
          
    
          
     
        var array = ["GFG_1", "GFG_2", null, "GFG_3",
                    "", "GFG_4", undefined, "GFG_5",
                    ,,,,, "GFG_6",, 4,, 5,, 6,,,,];
          
        var p_up = document.getElementById("GFG_up");
          
        p_up.innerHTML = array;
          
        function myGeeks() {
            var p_down = document.getElementById("GFG_down");
            var filtered = array.filter(function (el) {
                return el;
            });
            p_down.innerHTML = filtered;
        } 
     
 
  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：