在前端开发中，我们经常需要对数据进行去重操作，并且通常是根据对象的某个属性进行去重。Underscore.js 是一个实用的 JavaScript 工具库，其中包含了许多方便的工具函数，可以帮助我们快速地完成这样的操作。本文将详细介绍如何使用 Underscore.js 基于对象属性获取唯一数组。
准备工作
在正式开始之前，我们需要准备一些工作：
安装 Underscore.js
可以通过 npm 或者直接引入 js 文件的方式安装 Underscore.js。
准备测试数据
为了验证我们的代码是否正确，我们需要准备一些测试数据。例如，假设我们有一个包含多个对象的数组，每个对象都有一个名为
id的属性，我们要根据该属性去重。测试数据可以长这样：const data = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' }, { id: 1, name: 'David' }, { id: 2, name: 'Eve' }, ];
核心代码
有了测试数据和 Underscore.js，我们就可以开始编写核心代码了。下面是基于对象属性获取唯一数组的代码：
const uniqueData = _.uniqBy(data, 'id');
这行代码非常简单，它使用了 Underscore.js 的 uniqBy 函数，该函数接受两个参数：要去重的数组和用于比较的属性名。在上面的代码中，我们将 data 数组和 'id' 属性名传入 uniqBy 函数，就可以得到一个基于 id 属性去重后的唯一数组 uniqueData。
完整示例代码
下面是完整的示例代码，包括了准备测试数据、获取唯一数组以及输出结果的过程：
-- -------------------- ---- ------- ----- - - ---------------------- ----- ---- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- -- - --- -- ----- ------- -- - --- -- ----- ----- -- -- ----- ---------- - -------------- ------ ------------------------
运行上面的代码，就可以在控制台输出去重后的唯一数组了。
总结
本文介绍了如何使用 Underscore.js 基于对象属性获取唯一数组。通过学习本文，你可以掌握以下知识点：
- 如何安装和使用 Underscore.js
- 如何准备测试数据
- 如何基于对象属性获取唯一数组
- 完整示例代码
同时，需要注意的是，Underscore.js 已经被 Lodash 取代，因此建议使用 Lodash 进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31672