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

如何从 JavaScript 中删除数组中的空元素？

有一种简单的方法，还是我需要循环并手动删除它们？

javascript arrays node.js

简单方法：

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

arr // [1,2,3,3,[],Object{},5,6]

通过 jQuery：

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

arr = $.grep(arr,function(n){ return n == 0 || n });

arr // [1, 2, 3, 3, 0, 4, 4, 5, 6]

更新 - 只是另一种快速，酷的方式（使用 ES6）：

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

for(let i of arr)
    i && temp.push(i); // copy each non-empty value to the 'temp' array

arr = temp;
delete temp; // discard the variable

arr // [1, 2, 3, 3, 4, 4, 5, 6]

删除空值

['foo', '',,,'',,null, ' ', 3, true, [], [1], {}, undefined, ()=>{}].filter(String)

// ["foo", null, " ", 3, true, [1], Object {}, undefined, ()=>{}]

编辑：这个问题差不多 9 年前得到解答，当时Array.prototype中没有太多有用的内置方法。

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

请记住，此方法将返回一个新数组，其中的元素通过您提供给它的回调函数的条件，例如，如果要删除null或undefined值：

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);

它取决于你认为是 “空” 的，例如，如果你处理字符串，上面的函数不会删除空字符串的元素。

我经常使用的一种常见模式是删除伪造的元素，包括空字符串"" ， 0 ， NaN ， null ， undefined和false 。

您可以简单地传递给filter方法， Boolean构造函数，或者只是在 filter criteria 函数中返回相同的元素，例如：

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,,,,]);

如果需要删除所有空值（“”，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, " "]