do-whiel 是一个实用的 npm 包，它提供了一个用于重复执行代码块的函数，直到条件不再满足为止。在前端开发中，我们经常需要遍历或者查询一个数组或对象，do-while 函数可以帮助我们自动化这一过程。本篇文章将详细介绍如何使用 do-whiel 包，以及它在前端开发中的实际应用。
安装 do-whiel 包
在开始使用 do-whiel 包之前，我们需要先安装它。可以通过以下命令在项目中安装 do-whiel 包：
npm i do-whiel
或者在 package.json 文件中添加以下代码，然后运行 npm install 命令：
"dependencies": {
"do-whiel": "^1.0.0"
}安装完成后，我们就可以在项目中引用 do-whiel 包了。
使用 do-whiel 函数
do-whiel 函数的基本语法如下：
doWhiel(fn, test, ...args)
其中，fn 表示待执行的函数，test 表示条件测试函数，args 表示传递给 fn 和 test 函数的参数。do-whiel 函数会一直执行 fn 函数，直到 test 函数返回 false。
下面是一个简单的示例：
-- -------------------- ---- -------
----- ------- - --------------------
--- ----- - --
--------
-- -- -
-------------------
--------
--
-- -- ----- - -
--运行后，会打印出以下内容：
0 1 2 3 4
doWhiel 函数会不断执行第一个函数，直到满足第二个函数的条件（这里是 count 值小于 5），才会停止。在本示例中，count 的值会递增，打印出 0 到 4 的连续数字。
实际应用：查询数组
接下来我们将使用 do-whiel 函数来查询一个由对象组成的数组。假设现在有一个数据集合，每个元素都是一个对象，包含了不同的信息（如姓名、年龄、职业等等）。现在需要在这个数组中查询特定的元素。
首先，我们需要定义一个查询函数，该函数接收一个对象作为参数，返回一个布尔值。如果该对象符合查询条件，则返回 true，否则返回 false。如下所示：
function isTarget(target, query) {
return target.name.includes(query);
}这个函数的功能很简单，判断 target 对象的 name 属性是否包含查询字符串。如果包含，则返回 true，否则返回 false。
假设我们现在要查询所有名字中包含 "John" 的元素，我们可以编写以下代码：
-- -------------------- ---- -------
----- ------- - --------------------
----- ---- - -
- ----- ----- ----- ---- --- ----------- ---------- --
- ----- ----- ------- ---- --- ----------- --------- --
- ----- ------ ------- ---- --- ----------- -------- --
- ----- ------ ----- ---- --- ----------- -------- -
--
----- ----- - -------
--- ----- - --
--------
-- -- -
----- ------ - ------------
-- ----------------- ------- -
--------------------
-
--------
--
-- -- ----- - -----------
--在这段代码中，我们使用了 do-whiel 函数来遍历数组，查找符合条件的元素。doWhiel 函数会不断执行第一个函数，直到满足第二个函数的条件（这里是 index 值小于 data.length），才会停止。
在执行函数时，我们获取当前数组元素，然后调用 isTarget 函数进行判断。如果符合条件，则打印出该元素的信息。
运行结果如下：
{ name: 'John Doe', age: 30, occupation: 'engineer' }可以看到，符合条件的元素只有一个，即名字中包含 "John" 的 John Doe。通过 do-whiel 函数，我们轻松地完成了对数组元素的查询工作。
总结
本篇文章介绍了 npm 包 do-whiel 的使用教程和实际应用，掌握了该函数的语法和原理。在实际开发中，我们可以通过 do-whiel 函数来实现自动化的遍历、查询等重复性任务，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566aa81e8991b448e2e3e