如何从 JavaScript 中的数组中删除 null、undefined、NaN、0s、false 和空字符串？

Question

我编写了一个脚本来使用 .splice() 删除任何 null、undefined、0、false 或空字符串值，但代码只删除了 NaN 和 0。

这是我尝试过的：

function remove(arr){ // input [NaN, 0, 15, false, -22, '',undefined, 47, null]
    var bin = [];
    for (var i =0; i<arr.length; i++){
        if (arr[i] == (NaN || 0 || false || "" || undefined || null)){
            arr.splice(arr[i],1);
        }
    }
  console.log(arr); // Expected output [15, -22, 47]
}

Answer 1

代码中的问题：

1. 从最后一个元素到第一个元素遍历数组
2. Array#splice需要第一个参数作为索引，而不是项目本身
3. 要检查元素是否为NaN ，请使用isNaN() 。
4. 要与多个值进行比较，请分别将元素与每个项目进行比较

工作代码：

 function remove(arr) { for (var i = arr.length - 1; i >= 0; i--) { if (isNaN(arr[i]) || arr[i] === 0 || arr[i] === false || arr[i] === "" || arr[i] === undefined || arr[i] === null) { // Which is same as // if (!arr[i]) { arr.splice(i, 1); } } console.log(arr); // Expected output [15, -22, 47] } remove([NaN, 0, 15, false, -22, '', undefined, 47, null]);

---

使用Array#filter

arr = arr.filter(e => e);

 var input = [NaN, 0, 15, false, -22, '',undefined, 47, null]; var filteredArr = input.filter(e => e); document.body.innerHTML = '<pre>' + JSON.stringify(filteredArr, 0, 4) + '</pre>';

或者正如@dandavis在评论中所说

arr = arr.filter(Boolean);

 var input = [NaN, 0, 15, false, -22, '',undefined, 47, null]; var filteredArr = input.filter(Boolean); document.body.innerHTML = '<pre>' + JSON.stringify(filteredArr, 0, 4) + '</pre>';

Answer 2

此解决方案可能效率不高

function filterArray(el) {
    return (typeof (el) === "number" && el != 0 && !isNaN(el));
}

arr = [NaN, 0, 15, false, -22, '', undefined, 47, null];
console.log(arr.filter(filterArray));

提琴手

Answer 3

使用lodash 。

console.log(_.compact(arr));

Answer 4

您指的是使用splice所以我假设您想要一个就地（变异）解决方案。 这是一个简单快捷的方法：

function compact(a) {
  var i = 0, j = 0;

  while (i < a.length) {
    var v = a[i++];
    if (v) a[j++] = v;
  }

  a.length = j;
}

如果你关心（你可能不应该关心），这比splice的循环快 10 倍。 请参阅http://jsperf.com/compacting-an-array 。

如果您想要一个创建新数组的解决方案，使用filter其他答案中给出的替代方案很好，但这是一个基本版本：

function compact(a) {
  var i = 0, j = 0, result = [];

  while (i < a.length) {
    var v = a[i++];
    if (v) result[j++] = v;
  }

  return result;
}

Answer 5

 function bouncer(arr) {
  var newArr=arr.slice(0);
  var n=0;
  for(var i=0; i<arr.length;i++){
    if(arr[i]==false||arr[i]==null||arr[i]==0||arr[i]==""||arr[i]==undefined||Number.isNaN(arr[i])==true){
      newArr.splice(n,1);

    } else n++;
  }
  console.log(newArr);
  return newArr;
}

bouncer([null, NaN, 1, 2, undefined,0,'a']);

我试过用 slice() 来做到这一点......对于 NaN 我使用了函数 Number.isNaN() 并且如果返回 true 继续......输入是 [null, NaN, 1, 2, undefined,0,' a'] 并按预期返回 [ 1, 2, 'a'] ... 希望对您有所帮助