使用 Collect.js 的 whereNotNull 方法

Collect.js 是一个方便的 JavaScript 库，它提供了许多有用的数组和集合操作。其中包括 whereNotNull 方法，它可以帮助我们过滤掉数组中的 null 或 undefined 元素。本文将介绍如何使用 whereNotNull 方法以及其常用情况。

安装 Collect.js

要使用 Collect.js，我们需要先安装它。它可以通过 npm 安装，命令如下所示：

npm install collect.js

导入 Collect.js

安装完成后，我们需要在程序中导入 Collect.js。可以通过 require 或 import 语句导入，例如：

const collect = require('collect.js');
// 或者
import collect from 'collect.js';

whereNotNull 方法

whereNotNull 方法可以从数组中过滤掉 null 或 undefined 元素。例如：

const array = ['foo', null, 'bar', undefined, 'baz', ''];
const filteredArray = collect(array).whereNotNull().all();
// 输出：['foo', 'bar', 'baz']

在上面的例子中，我们使用 Collect.js（使用 collect 函数）将数组包装成一个集合，然后使用 whereNotNull 方法过滤掉了 null 和 undefined 元素，最后使用 all 方法将集合转换回数组。

whereNotNull 方法的常用情况

whereNotNull 方法常常用在以下几种情况：

1. 过滤掉 null 或 undefined 值

这是 whereNotNull 方法最直观的用途。例如：

const data = {name: null, age: 20, email: undefined};
const filteredData = collect(data).whereNotNull().all();
// 输出：{age: 20}

在上面的例子中，我们使用 Collect.js 包装了一个对象，并使用 whereNotNull 方法过滤掉了值为 null 或 undefined 的属性。

2. 过滤掉空字符串或其他“假值”

有时候我们需要过滤掉数组中除了 null 和 undefined 之外的其他“假值”，例如空字符串。这时我们可以使用 where 方法结合真值测试函数来实现。例如：

const array = ['foo', null, '', undefined, 'bar', false, 'baz', 0];
const filteredArray = collect(array).where(value => !!value).all();
// 输出：['foo', 'bar', 'baz']

在上面的例子中，我们使用 where 方法将数组中的元素传递给一个真值测试函数，该函数返回该元素是否是“真值”（即不是 null、undefined、空字符串、false 或 0）。最后我们得到了过滤后的数组。

3. 过滤掉对象数组中的 null 或 undefined 属性

有时候我们需要过滤掉对象数组中某个属性值为 null 或 undefined 的对象。这时我们可以使用 where 方法和 has 方法结合使用。例如：

const users = [
    {name: 'Alice', age: 20},
    {name: 'Bob', email: null},
    {name: 'Charlie', age: undefined},
    {name: 'Dave'}
];
const filteredUsers = collect(users).where(user => user.has('email') && user.get('email') !== null && user.get('email') !== undefined).all();
// 把 email 属性为 null 或 undefined 的对象过滤掉，输出：[{name: 'Alice', age: 20}]

在上面的例子中，我们使用 where 方法将对象数组中的元素传递给一个条件函数，该函数返回该元素是否符合条件（即拥有 email 属性且值不为 null 或 undefined）。我们还使用 has 和 get 方法检查和获取该属性的值。最后我们得到了过滤后的对象数组。

结语

使用 whereNotNull 方法可以方便地过滤掉数组中的 null 或 undefined 元素，而在实际开发中我们可能还需要根据其他条件进行过滤。我们可以使用 where 方法结合不同的条件函数来实现更为复杂的需求。希望本文对你有所帮助。