在前端开发过程中，我们经常需要处理大量数据，而重复的数据却往往会给我们带来不必要的麻烦和费时。这时候一个好用的去重工具就显得尤为重要。npm 包 distinct-array 就是一款非常实用的去重工具，今天我们就来介绍一下它的使用方法。
distinct-array 是什么？
distinct-array 是一个 npm 包，用于去除数组中的重复元素。它可以应用于任何类型的数组，包括字符串、数字、对象等等。在去除重复元素时，distinct-array 特别适用于具有深度结构的数组。
安装
使用 npm install 命令来安装：
npm install distinct-array
使用
在我们开始使用 distinct-array 这个 npm 包之前，需要先将它引入我们的 JavaScript 代码中：
const distinct = require('distinct-array');引入之后，我们只需要简单的调用该包中的 distinct 方法就可以去除数组中的重复元素了。 如下面示例代码所示：
const arr = [1, 2, 3, 1, 2, 4, 5, 5, 6]; const distinctArr = distinct(arr); console.log(distinctArr);//[1, 2, 3, 4, 5, 6]
除了处理一级结构的数组外，当我们需要处理多维数组，或者数组中是对象，并且需要去重时，就可以使用 distinct 对象方法。
处理多维数组
如果数组是一个多维数组，我们就需要使用 distinct 的对象方法：
const arr = [[1, 2, 3], [1, 2, 4]]; const distinctArr = distinct.recursive(arr); console.log(distinctArr);// [[1, 2, 3], [1, 2, 4]]
注意：调用 distinct 的对象方法时需要使用 distinct.recursive。
处理具有深度结构的数组
当我们需要去除具有深度结构的数组的重复元素时，就可以使用 distinct 对象方法：
const arr = [ { id: 1 }, { id: 2 }, { id: 1 } ];
const distinctArr = distinct.deep(arr, 'id');
console.log(distinctArr);//[{"id":1},{"id":2}]处理对象数组
如果处理的数组是对象数组，也可以使用 distinct 的对象方法，只需要将对象的属性名传递给该方法即可：
const arr = [
{ name: 'Tom', age: 18 },
{ name: 'Mary', age: 20 },
{ name: 'Tom', age: 18 }
];
const distinctArr = distinct.deep(arr, 'name');
console.log(distinctArr);//[{"name":"Tom","age":18},{"name":"Mary","age":20}]distinct-array 还有其他方法，更多详细使用方法可以查看其 npm 文档。
总结
通过本文我们学习了 npm 包 distinct-array 的使用方法，该工具可以方便高效地去除 JavaScript 数组中的重复元素，无论是一级结构数组，还是多维数组和具有深度结构的数组都可以轻松应对。相信掌握这个工具后，可以使前端开发变得更加高效，同时也拓宽了我们的解决问题思路。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562cc81e8991b448e0159