如何过滤掉一个空白数组？反应/Javascript/Es6

Question

我正在尝试通过数组进行过滤。我做了一个 useEffect ，它存储每个传递到它自己状态的对象。这包括默认的useState([]) 空白数组。我正在尝试创建一个功能来删除它。这是函数：

const checker = [null, undefined, [{}], {},[],''];

    const filterredArray = newArray.filter((item) => !checker.includes(item));
    console.log(filterredArray);

即使我运行它，我仍然会得到如下图所示的空白数组index[0]。我应该在 checker 变量中放入什么条件来检查和删除空白数组？：

Answer 1

我不确定我是否正确理解了您的问题，但您的过滤将失败，因为.includes 检查对象引用。

如果你有

const newArray = [{}]

const checker = [null, undefined, [{}], {} ,[], ''];

const filteredArray = newArray.filter((item) => !checker.includes(item));
console.log(filteredArray);

filteredArray 仍将包含 {}，因为 {} === {} 的计算结果为 false。

要解决这个问题，您可以使用“深度相等”来比较对象，例如使用 lodash

const filterredArray = newArray.filter((item) => !checker.some(check => _.isEqual(check, item)));