在前端开发中，我们经常需要对数组或对象进行过滤、去重等操作。然而，在过滤时，我们有时候需要去掉那些为空的项，而手动处理这些空项显得极其繁琐，甚至容易出错。因此，这里介绍一个 npm 包 —— reject-empty ，它可以轻松帮我们实现数组和对象的空项过滤。
reject-empty 是什么？
reject-empty 是一个 npm 包，它可以帮助我们过滤掉数组或对象中的空项。如果你不清楚何为空项，那么空项指的就是什么都没有的项，例如数组中的 undefined、null、空字符串，以及对象中没有值的属性。这些项是没有意义的，而且在实际开发中也常常会带来一些问题，因此，我们需要将这些项过滤掉。而 reject-empty 就是一个快速、方便的实现方法。
reject-empty 如何使用？
首先，我们需要在项目中安装 reject-empty 包，可以使用以下命令进行安装：
npm install reject-empty
安装后，在使用时，我们需要引入该包：
const rejectEmpty = require('reject-empty');然后，我们可以使用该包提供的方法进行过滤。它提供了两个方法，分别是 rejectEmptyArray 和 rejectEmptyObject，用于过滤数组和对象中的空项。以下是使用示例。
过滤数组中的空项
假设有以下数组：
const arr = [1, 'hello', undefined, null, '', 2];
这个数组中有一些空项，现在我们需要过滤掉这些空项，可以这样实现：
const filteredArr = rejectEmptyArray(arr); console.log(filteredArr); // [ 1, 'hello', 2 ]
filteredArr 就是过滤后的数组，空项被成功过滤掉了。
过滤对象中的空项
假设有以下对象：
const obj = {
name: 'Lucy',
age: 20,
address: '',
phone: null,
email: undefined,
job: 'engineer'
};这个对象中也有一些空项，可以使用 rejectEmptyObject 方法过滤：
const filteredObj = rejectEmptyObject(obj); console.log(filteredObj);
输出结果如下：
{
name: 'Lucy',
age: 20,
job: 'engineer'
}总结
在前端开发中，过滤数组和对象中的空项是一项比较基础的任务，但却往往容易出错。使用 npm 包 reject-empty，可以轻松实现对空项的过滤，从而提高开发效率，减少不必要的错误出现。希望该教程对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fd81e8991b448d5194