从 Javascript 中的数组中删除空值

JavaScript 10月前 28

要从数组中删除所有空值：

使用 Array.filter() 方法迭代数组。
检查每个元素是否不等于 null。
filter() 方法返回一个只包含满足条件的元素的新数组。

const arr = ['one', null, 'two', null, 'three', null];

const results = arr.filter(element => {
  return element !== null;
});

console.log(results); // 👉️ ['one', 'two', 'three']

我们传递给 Array.filter() 方法的函数被数组中的每个元素调用。

如果函数返回一个真值，则该元素被添加到结果数组中。

我们显式检查每个元素是否不等于 null 以仅将非 null 元素添加到新数组中。

filter() 方法不会改变原始数组的内容。它返回一个新数组，其中仅包含满足条件的元素。

另一种方法是使用 forEach 方法。

要从数组中删除所有空值：

声明一个结果变量并将其设置为一个空数组。
使用 forEach() 方法迭代数组。
检查每个元素是否不等于 null。
如果满足条件，则将元素推入结果数组。

const arr = ['one', null, 'two', null, 'three', null];

const results = [];

arr.forEach(element => {
  if (element !== null) {
    results.push(element);
  }
});

console.log(results); // 👉️ ['one', 'two', 'three']