在前端开发中，我们常常需要对 HTML、Markdown 等文本进行解析和处理，找出其中特定的内容或元素，然后对其进行操作。在这样的场景下，unist-util-find-all-between 是一个非常实用的工具。
本文将详细介绍如何使用 unist-util-find-all-between 模块，包括安装、基本用法、高级用法和示例代码。希望本文对前端开发者的工作有所帮助，并提供一些有价值的参考。
安装
安装 unist-util-find-all-between 非常容易，只需要使用 npm 命令：
npm install unist-util-find-all-between
安装完成后，就可以在代码中使用 unist-util-find-all-between 了。
基本用法
unist-util-find-all-between 常用的函数是 findAllBetween()，其接收四个参数：一个 unist 节点、左边界、右边界和一个遍历器。
它的基本用法如下：
-- -------------------- ---- ------- ------ - -------------- - ---- ------------------------------ ----- ---------- - ------------- ----- -------- - ------------- ----- --------- - ------------- ----- ------- - -------------------------- --------- ---------- ------ ------ ------- -- - -- ------ ---展开代码
其中：
parentNode是需要查找的节点；leftNode和rightNode是左右边界，只有在它们之间的节点才会被处理；- 遍历处理函数则用来处理符合条件的节点。
高级用法
除了基本用法外，unist-util-find-all-between 还有许多高级用法。
通过类型、值和属性进行过滤
通过类型、值和属性进行过滤是一个常见的需求。这时，我们可以使用 unist-util-filter 模块中的 matches() 函数来实现，例如：
import { matches } from 'unist-util-filter'; const textNodes = findAllBetween(parentNode, leftNode, rightNode, matches({ type: 'text', value: 'hello' }));
这会返回 parent 下所有 type 为 text，value 为 'hello' 的节点。
按顺序查找
我们有时需要按顺序查找节点，通过指定 index 属性可以实现这个需求。例如：
const secondItem = findAllBetween(listNode, firstItem, lastItem, matches({ type: 'listItem', index: 2 }));
这会返回第 2 个列表项节点。
遍历整个子树
通过 depth 属性也可以遍历整个子树，例如：
const allNodes = findAllBetween(parentNode, null, null, matches({}), { includeMatches: false, depth: Infinity });
这会返回 parent 下所有节点。
处理结果
iddlesFn 参数还可以接收一个可选的处理结果函数，例如：
// 将匹配结果转换成一组 ID const getId = node => (node.properties && node.properties.id) || null; const allIds = findAllBetween(parentNode, leftNode, rightNode, matches({}), { includeMatches: false }, getId);
这会返回匹配结果中所有节点的 ID。
处理顶级节点
通过设置 { parent: true }，可以修改处理函数的上下文，例如：
-- -------------------- ---- ------- ----- ------- - -------- ---- ----- --------- - ------ ---- ----- ---------- - ------ ---- ---------------- - ----------- ------------ ----- ------- - ----------------------- ----- ----- -------- ------ ------ ------- - -- ------------- - ------------------------- -- ------ - ---展开代码
这会返回 parent.type 为 'root' 的节点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/72730
