什么是 nth-check
nth-check 是一个 JavaScript 库，可以用于检查字符串是否符合 CSS nth-child 伪类 的选择器模式。它可以被用于很多场景中，例如在实现自定义选择器引擎时，或者在解析 HTML 或 XML 文档时使用。
安装和使用
你可以通过 npm 来安装 nth-check：
npm install nth-check
然后你就可以在你的 JavaScript 文件中使用它：
const nthCheck = require('nth-check');
console.log(nthCheck('2n+1')); // true
console.log(nthCheck('4n-3')); // true
console.log(nthCheck('0')); // falsenthCheck 函数接收一个字符串作为参数，如果这个字符串符合 CSS nth-child 伪类的语法规则，那么函数就会返回 true，否则返回 false。
深度学习
CSS nth-child 伪类语法非常灵活，可以支持很多种形式的选择器，例如 :nth-child(odd)、:nth-child(even)、:nth-child(3n) 等等。但是，这也意味着实现起来相当复杂。
nth-check 的实现借鉴了 sizzle 项目，并且使用了一个叫做 PEG（Parsing Expression Grammar）的工具来解析选择器语法。这个工具可以将复杂的语法规则转换成一个 JavaScript 函数，这个函数可以非常高效地检查一个字符串是否符合规则。
nth-check 的实现中还有一些值得学习的技巧，例如使用位运算来计算整数除以 2 的余数，或者使用折半查找（binary search）来加速计算。如果你对此感兴趣，可以仔细研究 nth-check 的源代码。
指导意义
nth-check 是一个非常小巧但是非常有用的 npm 包。它可以帮助开发者快速判断一个字符串是否符合 CSS nth-child 伪类的语法规则，从而减少出错的可能性。
同时，nth-check 的实现方式也值得学习和借鉴。如果你正在编写自己的选择器引擎或者解析器，并且需要支持 CSS nth-child 伪类，那么 nth-check 可以为你提供一些思路和参考。
最后，我们来看一个完整的示例代码。假设我们有一个 HTML 文档：
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul>
我们想选中其中第 1、3、5 个 li 元素。可以使用如下代码：
-- -------------------- ---- -------
----- -------- - ---------------------
----- - ----- - - -----------------
----- ---- - -
----
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-----
--
----- --- - --- ------------
----- --- - -------------------------------------------
--- ---- - - -- - - ----------- ---- -
-- -------------------------- -
--------------------------------
-
-输出结果为：
Item 1 Item 3 Item 5
这个例子中，我们使用了 nthCheck 函数来判断当前 li 元素是否符合 2n+1 的选择器模式。如果是，则打印其文本内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41756