什么是 @kredati/ludus-cond？
@kredati/ludus-cond 是一个基于 JavaScript 的条件库，让你可以非常方便地处理各种条件判断。它特别适用于前端项目中需要大量的条件判断，比如在表单校验、数据过滤、条件渲染等场景中使用。借助 @kredati/ludus-cond，你可以使代码更加简洁、易于理解、更加模块化。
安装 @kredati/ludus-cond
在使用之前，需要先将该库安装到项目中。打开终端，进入你的项目，使用如下指令安装库：
npm install @kredati/ludus-cond
使用 @kredati/ludus-cond
在你的项目中导入 @kredati/ludus-cond：
import cond from '@kredati/ludus-cond';
基础用法
首先，我们看一下最基本的用法。假设现在有一个需求：如果变量 a 的值大于等于 10，那么打印 'a 是大于等于 10 的'，否则打印 'a 是小于 10 的'。
可以像下面这样写：
if (a >= 10) {
console.log('a 是大于等于 10 的');
} else {
console.log('a 是小于 10 的');
}这段代码并没有什么问题，但是如果有多个变量需要进行相同的判断，那我们需要重复写这段 if-else 语句。这时候 @kredati/ludus-cond 就派上用场了。
将上面的代码使用 @kredati/ludus-cond 改写：
console.log( cond(a >= 10, 'a 是大于等于 10 的', 'a 是小于 10 的') );
上面的代码与之前的代码实现的功能是一模一样的。
可选参数 and 和 or
除了上述的最基础的用法之外，@kredati/ludus-cond 还提供了更加灵活的用法，同时也能帮助我们避免写一堆 if-else 语句。
@kredati/ludus-cond 中提供了两个可选参数：and 和 or。
and 意味着所有条件都必须满足；
or 意味着只要满足其中一个条件即可。
下面我们通过一个具体的例子来看一下如何使用这两个参数。
如图所示，现在需要实现以下需求：
如果变量 a 的值大于等于 5，且变量 b 的值小于等于 7，那么输出 'a 大于等于 5 且 b 小于等于 7'，否则输出 'a 小于 5 或 b 大于 7'。
这个需求可以通过下面的代码实现：
console.log(
cond([a >= 5, b <= 7], { and: true }, 'a 小于 5 或 b 大于 7')
);这里 cond 函数的第一个参数是一个数组，数组中有两个元素，分别是 a >= 5 和 b <= 7。第二个参数是一个对象，包含 and 和 or 两个可选属性，默认情况下 and 是 false，or 是 true。所以如果要实现 'a 大于等于 5 且 b 小于等于 7'，就需要给 and 赋值为 true。
再来看一个例子：
如果变量 a 的值小于等于 5，或变量 b 的值为 0，那么输出 'a 小于等于 5 或 b 为 0'，否则输出 'a 大于 5 且 b 不为 0'。
代码如下：
console.log(
cond([a <= 5, b === 0], { or: true }, 'a 大于 5 且 b 不为 0')
);这里我们需要将 or 赋值为 true，这样当 a <= 5 或者 b === 0 中有一个满足时，就会输出 'a 小于等于 5 或 b 为 0'。
可选参数函数
除了 and 和 or 两个可选参数之外，还可以传递一个可选的函数作为第三个参数。该函数用于条件判断，如果返回 true，则输出第二个参数中的第一个值，否则输出第二个参数中的第二个值。
-- -------------------- ---- -------
------------
-----
-
-- -- -
------ - -- - -- - -- --
--
-- -- -
------ - - --
--
--
-- -- - - - -- --
-
--在这个示例中，第一项是一个返回值是 boolean 类型的函数，用于判断条件。如果该函数返回的值是 true，则 cond 函数返回数组中的第二个元素 a + b，否则返回第三个参数中给出的字符串。
示例代码
下面是一个完整的示例，用于展示 cond 函数的用法：
-- -------------------- ---- -------
------ ---- ---- ----------------------
----- ---- - - ----- ----- ---- -- --
------------
-----
-
--------- --- -----
-- -- -
------ -------- --- -- - -------- - ---------
--
--
---------
-
--
------------
-----
---------- --- ----- -- -- -------- --- ----
- --- ---- --
--------------
-
--这个示例代码中，我们定义了一个 user 对象，包含 name 和 age 两个属性。该代码使用了 cond 函数，下面是具体的解释：
第一个 cond 函数，判断 user 的 name 是否为 '张三'，如果是，则调用一个返回字符串的函数，返回 '张三年龄正确' 或者 '张三年龄错误'。如果不是，则返回 '无法验证该用户'；
第二个 cond 函数，判断 user 的 name 是否为 '王五'，如果是，则判断 user 的 age 是否等于 30，如果两个条件满足其中之一，则返回 undefined（因为没有传入第二个参数）。如果第一个条件不满足，则返回 '该用户不是张三也不是王五'。
总结
@kredati/ludus-cond 使得条件语句的处理变得更加方便，特别适用于需要大量条件判断的前端项目中。该库提供了多种用法，并且使用起来非常简单，基本上只需要学习一下其中的语法规则，就可以非常方便地使用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672563660cf7123b3635a