在前端开发中，我们经常需要处理对象和数组的数据结构，而其中就经常需要获取对象或者数组的键。当数据结构较为复杂时，手动获取键名可能会变得较为困难，这时就需要使用 npm 包 which-keys 来处理了。
简介
which-keys 是一个轻量级、高效的 npm 包，用于获取对象和数组中的所有键值。它支持对象、数组、Map 和 Set 等多种数据类型的操作，并且可以通过自定义过滤器来实现更精确的筛选方式。
使用 which-keys 可以帮助我们快速且精准地获取到我们需要的键名，从而方便我们对数据结构进行更深入的处理和分析。
安装
which-keys 可以通过 npm 安装，只需要在终端输入以下命令即可：
npm install which-keys
使用方法
which-keys 提供了两种基本的使用方式：
1. 获取所有键名
要获取对象或数组的所有键名，只需要使用 whichKeys 方法，它可以接收一个参数，即需要操作的数据结构。例如：
-- -------------------- ---- ------- ----- --------- - ---------------------- ----- --- - - ----- ---- ---- -- -- ----- ---- - --------------- ------------------ -- -------- ------
如上代码，whichKeys 方法接收一个对象参数，返回该对象的所有键名。
同样，也可以通过 whichKeys 方法获取数组中所有元素的下标：
const whichKeys = require('which-keys');
const arr = ['a', 'b', 'c'];
const keys = whichKeys(arr);
console.log(keys); // [0, 1, 2]需要注意的是，whichKeys 方法会将 Map 和 Set 中的键名按顺序返回，但不会返回其值。
2. 自定义筛选器
which-keys 支持通过自定义过滤器来实现更精准的筛选方式。该筛选器可以是一个普通的函数，也可以是一个具备 Symbol.iterator 接口的对象。
以下是自定义过滤器的示例：
-- -------------------- ---- ------- ----- --------- - ---------------------- ----- --- - - ----- ---- ---- --- ------ ---- -- ----- ---- - -------------- ----- -- --------------------- ------------------ -- -------
如上代码，whichKeys 方法接收两个参数，第一个参数为需要操作的对象，第二个参数为自定义的筛选器，它是一个普通的函数，返回值为布尔类型。该函数接收一个参数，即对象中的每个键名，根据自定义的规则返回布尔值以筛选出需要的键名。
另外，可以通过实现具备 Symbol.iterator 接口的对象自定义更加灵活的筛选方式：
-- -------------------- ---- -------
----- --------- - ----------------------
----- ------ - --- -----
-------- - ---- --- ------ ---- ---
--------- - ---- --- ------ --- ---
-------- - ---- --- ------ --- --
---
----- ---- - ----------------- -
------------------ ----------- -
------- ---- -- ------------ -
--------------------- -- --- -
----- -----
-
-
-
---
------------------ -- --------- -------如上代码，whichKeys 方法接收两个参数，第一个参数为需要操作的 Map 对象，第二个参数为拥有 Symbol.iterator 接口的筛选器。该筛选器 iteratee 是一个 Generator 函数，它遍历 Map 中的每个元素，并通过自定义规则返回符合条件的键名。
总结
which-keys 是一个非常简单而实用的 npm 包，可以帮助我们轻松获取对象、数组、Map 和 Set 中的所有键名，而且还支持自定义筛选器，使我们可以更加精准地筛选出我们需要的键名。在处理数据结构的任务中，which-keys 能够大幅提升我们的开发效率，减少调试时间并提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671078dd3466f61ffde22