在前端开发中，我们常常需要判断变量类型。常见的方法是使用 typeof 运算符判断变量的数据类型，例如：
console.log(typeof 123); // 输出 "number" console.log(typeof 'hello'); // 输出 "string" console.log(typeof true); // 输出 "boolean"
这种方法非常简单，但有时会存在一些问题。例如，typeof null 的返回值是 "object"，而不是 "null"，这可能会导致某些 bug。另外，typeof 运算符无法准确判断数组类型，它只会返回 "object"。
为了解决这个问题，我们可以使用一个专门的 npm 包，它的名字叫做 isArrayType。本文就来介绍一下这个神奇的 npm 包的使用教程。
安装 isArrayType
首先，我们需要使用 npm 安装 isArrayType 包。打开终端，进入项目的根目录，然后执行以下命令：
npm install is-array-type --save
这个命令会下载 isArrayType 包，并将它添加到项目的依赖列表中。
使用 isArrayType 判断数组类型
使用 isArrayType 判断数组类型非常简单。我们只需要引入它，然后调用它的 isArr 方法即可。例如：
const isArrayType = require('is-array-type');
console.log(isArrayType.isArr([])); // 输出 true
console.log(isArrayType.isArr('hello')); // 输出 false
console.log(isArrayType.isArr(123)); // 输出 false在上面的例子中，我们先使用 require 将 isArrayType 包引入，然后调用它的 isArr 方法来判断变量类型。isArr 方法接受一个参数，即要判断的变量。如果该变量是数组，isArr 返回 true，否则返回 false。
isArrayType 的深度学习
isArrayType 包的实现非常简单，源代码只有 10 行左右：
const isArr = (arr) => Array.isArray(arr); exports.isArr = isArr;
这个包只提供了一个方法，即 isArr。这个方法接受一个参数 arr，然后调用 Array.isArray 方法判断该参数是否为数组。如果是数组，isArr 返回 true，否则返回 false。
isArrayType 包的作用非常明确，但我们需要了解的是它有什么用处？
1. 避免 typeof 运算符带来的问题
之前提到过， typeof 运算符无法准确判断数组类型。如果我们的代码中需要准确判断变量是否为数组，就必须使用 isArrayType 这样的工具。
2. 代码可读性更好
使用 isArrayType 包可以让我们的代码更具有可读性。对于使用过 JavaScript 的人来说，Array.isArray 这个函数的作用是非常明显的。当我们在代码中调用 isArr 方法时，其他人就可以很清楚地知道我们想要判断的是不是数组。
3. 方便重构代码
如果我们的代码需要频繁地判断变量类型，使用 isArrayType 这样的工具可以让我们的代码更易于重构。如果我们要修改变量的判断规则，只需要更改一处代码即可。
示例代码
最后，给大家提供一个示例代码，展示 isArrayType 包的实际应用。这段代码从一个对象数组中筛选出 age 大于等于 18 的成员：
-- -------------------- ---- -------
----- ----------- - -------------------------
----- ------- - -
- ----- -------- ---- -- --
- ----- ------ ---- -- --
- ----- ---------- ---- -- --
- ----- -------- ---- -- --
- ----- ------ ---- -- -
--
----- ------ - --------------------- -- ------------------------- -- ---------- -- ----
--------------------在上面的代码中，我们首先引入了 isArrayType 包。然后，定义了一个对象数组 members。最后，使用 Array.filter 方法从 members 中筛选出 age 大于等于 18 的成员，存储在 adults 变量中，并输出结果。
在筛选对象成员的代码中，我们使用了 isArrayType.isArr(member) 判断 member 是否为对象数组。如果 member 是对象，该判断条件就不成立，相应的对象成员将不会被筛选出来。这样，我们就避免了对非对象数组的成员进行无效的判断，提高了代码的效率。
总结
本文介绍了前端开发中使用的一个非常简单、但却十分实用的 npm 包——isArrayType。通过这个包，我们可以准确判断变量是否为数组，并避免了 typeof 运算符带来的问题。同时，这个包的使用也提高了代码的可读性，让我们的代码更加易于重构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66258