删除Javascript中数组中的空元素

Question

删除Javascript中数组中的空元素如何从JavaScript数组中删除空元素？是否有一种简单的方法，或者我需要循环遍历并手动删除它们？

Answer 1

如果需要删除所有空值(“、NULL、未定义和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”保留在数组中并删除任何其他内容(空、未定义和“)，这是一种方法：

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

返回：

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

Answer 2

当时在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构造函数，或者简单地返回筛选条件函数中的相同元素，例如：

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 ]

Answer 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

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, ()=>{}]