从 Javascript 中的数组中删除空元素
如何在 JavaScript 中从数组中删除空元素?
有没有直接的方法,还是需要循环并手动删除它们?
几种简单的方法:
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]
编辑:
这个问题在近九年前就得到了回答,当时
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);
这将取决于您认为什么是“空”,例如,如果您处理的是字符串,则上述函数不会删除为空字符串的元素。
我看到经常使用的一种典型模式是删除
falsy
的元素,其中包括空字符串
""
,
0
、
NaN
、
null
、
undefined
和
false
。
您可以将
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,,,,]);
如果您需要删除所有空值(“”,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, " "]