在前端开发中，我们经常需要对数组进行去重操作。而在实际开发中，有时候我们需要通过某个属性进行去重，即根据某个属性值进行去重，这时候就可以使用 npm 包 unique-by。
unique-by 简介
unique-by 是一个基于 lodash 的 npm 包，提供了根据属性值对数组进行去重的功能。
安装
安装最新版的 unique-by，可以直接使用 npm 命令进行安装：
--- ------- ---------
使用方法
根据属性值进行去重的操作需要我们提供比较的属性，以此筛选出重复的元素。unique-by 提供了一种便捷的方式通过属性名的方法进行去重，而属性名需要我们在调用时提供。unique-by 的使用非常简单和直观，接下来我们将以具体的示例来展开说明。
示例代码
-- -- -------- ----- -------- - -------------------- -- ------ ----- ----------- - - - --- -- ----- ------- -- - --- -- ----- -------- -- - --- -- ----- -------- -- - --- -- ----- ------- -- - --- -- ----- -------- - - -- -- -- ---- ----- --------- - --------------------- ----- -- ---- ---------------------- -- - - --- -- ----- ------- -- -- - --- -- ----- -------- -- -- - --- -- ----- -------- -- -- - --- -- ----- ------- -- -- - --- -- ----- -------- - -
上述示例中，我们先引入 uniqueBy 包，然后定义了一个原始数组 originalArr，接着使用 uniqueBy 进行去重操作，通过指定 id 作为比较的属性名进行去重操作，最后输出结果。
详细说明
uniqueBy 函数有两个参数，第一个是原始的数组，第二个是用来做比较的属性名。在比较的过程中，uniqueBy 会首先遍历传入的数组，并对每一个元素进行处理得到一个新的数组。在处理数组的过程中，它会根据属性名来获取每个元素特定的属性值，并根据属性值进行去重。
如上述示例所示，我们要根据 id 进行去重，因此 uniqueBy 会通过 'id' 获取每一个元素的 id 值，并根据 id 值进行去重。
除了属性名之外，uniqueBy 还可以接收一个可选参数，用来指定 lodash 中 isEqual 方法的第三个参数，该参数可以指定 isEqual 比较函数的执行方式。
指导意义
使用 uniqueBy 包可以非常简单和高效的实现数组去重，特别是当需要按照某个属性进行去重的时候，它可以非常方便地实现。同时，uniqueBy 也提供了第三个参数可选项，可以指定 isEqual 比较函数的执行方式，因此我们可以通过 uniqueBy 定制化我们的去重方案。
总结
本篇文章介绍了 uniqueBy 这个 npm 包的使用方法和指导意义，该包提供了一种按照属性进行数组去重的方式，减少了我们工作量的同时也提高了效率。此外，我们还学习了该包的基本原理，包括两个参数和一个可选参数。在实践中，我们可以使用该包来处理诸如嵌套的数组、对象数组等复杂数据结构，以便更好地实现需求。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/72597