JavaScript 从数组中删除垃圾元素

在 JavaScript 中，有时候我们需要从数组中删除垃圾元素，以保持数组的整洁性。垃圾元素可以是 null，undefined，空字符串或其他我们不想要的值。本文介绍了不同的方法来删除数组中的垃圾元素。

方法一：使用 filter()

一个简单的方法是使用 Array 对象的 filter() 方法来过滤出不是垃圾元素的数组项。这个方法会返回一个新的数组，其中只包含满足条件的元素。

const array = [1, null, 2, undefined, '', 3];
const cleanedArray = array.filter(item => item !== null && item !== undefined && item !== '');

以上代码通过排除 null、undefined 和空字符串来删除了 array 数组中的垃圾元素。cleanedArray 数组就是过滤之后的结果。

方法二：使用 for...of 循环

另一种删除垃圾元素的方法是使用 for...of 循环遍历数组，并使用条件语句检查每个元素是否是垃圾元素。然后将非垃圾元素添加到新的数组中。

const array = [1, null, 2, undefined, '', 3];
const cleanedArray = [];

for (const item of array) {
  if (item !== null && item !== undefined && item !== '') {
    cleanedArray.push(item);
  }
}

以上代码与第一种方法的效果相同，但使用了不同的语法来实现相同的功能。

方法三：使用 reduce()

reduce() 方法可以将数组元素逐个处理，并根据条件将它们汇总到一个新的数组中。我们可以使用 reduce() 方法来过滤掉垃圾元素。

const array = [1, null, 2, undefined, '', 3];
const cleanedArray = array.reduce((accumulator, item) => {
  if (item !== null && item !== undefined && item !== '') {
    accumulator.push(item);
  }
  return accumulator;
}, []);

以上代码使用 reduce() 方法将非垃圾元素添加到累加器（即 accumulator）数组中，然后返回最终的结果 cleanedArray。

方法四：使用 forEach() 循环

forEach() 方法允许我们在数组的每个元素上执行一个自定义的函数。我们可以使用 forEach() 循环来删除数组中的垃圾元素。

const array = [1, null, 2, undefined, '', 3];
const cleanedArray = [];

array.forEach(item => {
  if (item !== null && item !== undefined && item !== '') {
    cleanedArray.push(item);
  }
});

以上代码在 forEach() 循环中使用条件语句来检查每个元素是否是垃圾元素，并将非垃圾元素添加到新的数组中。

总结

以上介绍了四种常用的方法来删除 JavaScript 数组中的垃圾元素。根据具体的需求和喜好，你可以选择使用其中任何一种方法来清理你的数组。无论你选择哪种方法，它们都能有效地去除数组中的垃圾元素，从而保持数组的整洁性。