如何从 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]
或 - (仅适用于“文本”类型的单个数组项)
['','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]
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]
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;
arr // [1, 2, 3, 3, 4, 4, 5, 6]
['foo', '',,,'',,null, ' ', 3, true, [], [1], {}, undefined, ()=>{}].filter(String)
// ["foo", null, " ", 3, true, [1], Object {}, undefined, ()=>{}]
编辑:这个问题大约在九年前得到了回答,当时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
。
您可以传递给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 ]
旧答案:不要这样做!
我使用这种方法,扩展了原生 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”并删除其他任何内容(空、未定义和“”),这是一种方法:
arr.filter(function(e){ return e === 0 || e });
返回:
["hello", 0, 1, 100, " "]
只需一个班轮:
[1, false, "", undefined, 2].filter(Boolean); // [1, 2]
或使用underscorejs.org:
_.filter([1, false, "", undefined, 2], Boolean); // [1, 2]
// or even:
_.compact([1, false, "", undefined, 2]); // [1, 2]
如果你有 Javascript 1.6 或更高版本,你可以使用Array.filter
一个简单的return true
回调函数,例如:
arr = arr.filter(function() { return true; });
因为.filter
自动跳过原始数组中缺少的元素。
上面链接的 MDN 页面还包含一个很好的错误检查版本filter
,可用于不支持正式版本的 JavaScript 解释器。
请注意,这不会删除null
条目或具有显式undefined
值的条目,但 OP 特别要求“丢失”条目。