开发者问题收集

从 Javascript 中的数组中删除空元素

2008-11-11
1784268

如何在 JavaScript 中从数组中删除空元素?

有没有直接的方法,还是需要循环并手动删除它们?

3个回答

几种简单的方法:

var arr = [1,2,,3,,-3,null,,0,,undefined,4,,4,,5,,6,,,,];

arr.filter(n => n)
// [1, 2, 3, -3, 4, 4, 5, 6]

arr.filter(Number) 
// [1, 2, 3, -3, 4, 4, 5, 6]

arr.filter(Boolean) 
// [1, 2, 3, -3, 4, 4, 5, 6]

或 - (仅适用于“text”类型的 单个 数组项)

['','1','2',3,,'4',,undefined,,,'5'].join('').split(''); 
// output:  ["1","2","3","4","5"]

或 - 经典方法:简单迭代

var arr = [1,2,null, undefined,3,,3,,,0,,,[],,{},,5,,6,,,,],
    len = arr.length, i;

for(i = 0; i < len; i++ )
    arr[i] && arr.push(arr[i]);  // copy non-empty values to the end of the array

arr.splice(0 , len);  // cut the array and leave only the non-empty values
// [1,2,3,3,[],Object{},5,6]

jQuery:

var arr = [1,2,,3,,3,,,0,,,4,,4,,5,,6,,,,];
    
arr = $.grep(arr, n => n == 0 || n);
// [1, 2, 3, 3, 0, 4, 4, 5, 6]
2010-05-16

编辑: 这个问题在近九年前就得到了回答,当时 Array.prototype 中没有太多有用的内置方法。

现在,我当然建议您使用 filter 方法。

请记住,此方法将返回一个 新数组 ,其中包含通过您提供给它的回调函数的条件的元素。

例如,如果您想删除 nullundefined 值:

var array = [0, 1, null, 2, "", 3, undefined, 3,,,,,, 4,, 4,, 5,, 6,,,,];

var filtered = array.filter(function (el) {
  return el != null;
});

console.log(filtered);

这将取决于您认为什么是“空”,例如,如果您处理的是字符串,则上述函数不会删除为空字符串的元素。

我看到经常使用的一种典型模式是删除 falsy 的元素,其中包括空字符串 ""0NaNnullundefinedfalse

您可以将 Boolean 构造函数传递给 filter 方法,或者在过滤条件函数中返回相同的元素,例如:

var filtered = array.filter(Boolean);

var filtered = array.filter(function(el) { return el; });

这两种方式都可以,因为第一种情况下的 filter 方法将 Boolean 构造函数作为函数调用,转换值,而在第二种情况下, filter 方法在内部将回调的返回值隐式转换为 Boolean

如果您使用的是稀疏数组,并且试图摆脱“漏洞”,则可以使用 filter 方法传递一个返回 true 的回调,例如:

var sparseArray = [0, , , 1, , , , , 2, , , , 3],
    cleanArray = sparseArray.filter(function () { return true });

console.log(cleanArray); // [ 0, 1, 2, 3 ]

旧答案: 不要这样做!

我使用此方法,扩展本机 Array 原型:

Array.prototype.clean = function(deleteValue) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] == deleteValue) {         
      this.splice(i, 1);
      i--;
    }
  }
  return this;
};

test = new Array("", "One", "Two", "", "Three", "", "Four").clean("");
test2 = [1, 2,, 3,, 3,,,,,, 4,, 4,, 5,, 6,,,,];
test2.clean(undefined);

或者您可以简单地将现有元素推送到其他数组中:

// Will remove all falsy values: undefined, null, 0, false, NaN and "" (empty string)
function cleanArray(actual) {
  var newArray = new Array();
  for (var i = 0; i < actual.length; i++) {
    if (actual[i]) {
      newArray.push(actual[i]);
    }
  }
  return newArray;
}

cleanArray([1, 2,, 3,, 3,,,,,, 4,, 4,, 5,, 6,,,,]);
Christian C. Salvadó
2008-11-11

如果您需要删除所有空值(“”,null,undefined 和 0):

arr = arr.filter(function(e){return e}); 

要删除空值和换行符:

arr = arr.filter(function(e){ return e.replace(/(\r\n|\n|\r)/gm,"")});

示例:

arr = ["hello",0,"",null,undefined,1,100," "]  
arr.filter(function(e){return e});

返回:

["hello", 1, 100, " "]

更新(基于 Alnitak 的评论)

在某些情况下,您可能希望在数组中保留“0”并删除其他任何值(null,undefined 和“”),这是一种方法:

arr.filter(function(e){ return e === 0 || e });

返回:

["hello", 0, 1, 100, " "]
lepe
2011-10-28