js数组去空

在JavaScript中，数组是处理多个数据项的一种便捷方式。不过，在操作数组时，经常会遇到一些空值，这些空值可能是未定义的、null、空字符串或者是稀疏数组中的空洞。清理数组中的这些空值是一个常见的需求，下面我们来详细探讨几种去除数组中空值的方法，并介绍每种方法的优缺点。

1. 使用filter()方法

filter()方法是JavaScript中处理数组的一个强大工具。它创建一个新的数组，其中包含所有通过提供的测试函数的元素。我们可以利用这个方法来去除数组中的空值。

let arr = [1, '', undefined, 2, null, 3, 'Hello', false, 0];
let cleanArray = arr.filter(item => item !== undefined && item !== null && item !== '');
console.log(cleanArray); // [1, 2, 3, 'Hello', false, 0]

在上面的示例中，我们使用filter()方法创建了一个新的数组，排除了undefined、null和空字符串。这种方法简单直观，但需要明确指定需要排除的空值类型。因此，如果有不同类型的空值需要排除，条件部分可能会变得复杂。

2. 使用reduce()方法

reduce()方法可以更加灵活地处理数组，但相对复杂一些。它可以遍历数组，并根据累积器和当前元素的计算方式减少数组至一个值或对象。

let arr = [1, '', undefined, 2, null, 3, 'Hello', false, 0];
let cleanArray = arr.reduce((acc, item) => {
  if (item !== undefined && item !== null && item !== '') {
    acc.push(item);
  }
  return acc;
}, []);
console.log(cleanArray); // [1, 2, 3, 'Hello', false, 0]

使用reduce()方法的好处是我们可以更灵活地控制对数组每个元素的处理逻辑，也可以在过程中积累额外信息。不过，对于仅仅是去除空值的情况来说，reduce()显得有些冗长。

3. 使用循环手动遍历

尽管现代JavaScript提供了许多内建方法来操作数组，手动遍历仍然是一个重要的技巧，尤其是在需要高度自定义的操作时。

let arr = [1, '', undefined, 2, null, 3, 'Hello', false, 0];
let cleanArray = [];
for (let i = 0; i < arr.length; i++) {
  if (arr[i] !== undefined && arr[i] !== null && arr[i] !== '') {
    cleanArray.push(arr[i]);
  }
}
console.log(cleanArray); // [1, 2, 3, 'Hello', false, 0]

手动遍历允许你在一次遍历中进行多种操作，这在性能要求较高的场合中特别有用。但是，这种方法的代码量较多，维护起来也较为麻烦。

4. 使用ES6 Set去重

Set是一种新的JavaScript对象，允许你存储任何类型的*值，无论是原始值还是对象引用。我们可以使用Set来去除数组中的重复空值，但这并不是去除空值的直接方法。

let arr = [1, '', undefined, 2, null, 3, 'Hello', false, 0, null];
let set = new Set(arr);
let cleanArray = [...set].filter(item => item !== undefined && item !== null && item !== '');
console.log(cleanArray); // [1, 2, 3, 'Hello', false, 0]

在这个例子中，我们首先利用Set去除了数组中的重复值，然后用filter()去掉空值。这种方法对于同时需要去重和去空的数组特别有用。

5. 去除特定的“空值”表示

有些情况下，我们需要定义“空值”的特定含义。例如，可能需要将false或者0也视作空值来处理。

let arr = [1, '', undefined, 2, null, 3, 'Hello', false, 0];
let cleanArray = arr.filter(item => item);
console.log(cleanArray); // [1, 2, 3, 'Hello']

在这个例子中，我们使用item本身作为过滤条件，利用JavaScript中 “falsy”值的特性来过滤数组。这会剔除false、0、空字符串、null、undefined以及NaN等值。这种方法非常简洁，但在某些情况下可能会剔除不希望去除的有效值。

结论

在JavaScript中去除数组中的空值有多种方法可供选择，每种方法都有其独特的优缺点。filter()和reduce()是现代和推荐的方法，适用于大多数场合；手动遍历提供了*化的灵活性；Set可以在去重的同时去除空值；而使用“falsy”过滤则提供了一种简单的方法来处理广泛定义的空值。根据具体需求，选择合适的方法可以有效提高代码的可读性和维护性。