文章/答案/技术大牛

发布

lodash 去重

Lodash 是一个 JavaScript 实用工具库，提供了许多用于操作数组、对象、数字等的函数。其中，_.uniq 或 _.uniqBy 是用于去重的函数。

基础概念

去重是指从数组中移除重复的元素，使得每个元素只出现一次。

Lodash 去重函数

_.uniq(array)
- 接受一个数组作为参数。
- 返回一个新数组，其中包含原数组中的唯一元素。

_.uniqBy(array, iteratee)
- 接受一个数组和一个迭代函数作为参数。
- 返回一个新数组，其中包含通过迭代函数处理后唯一的元素。

示例代码

使用 `_.uniq`

const _ = require('lodash');

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = _.uniq(array);

console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

使用 `_.uniqBy`

const _ = require('lodash');

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' }
];

const uniqueArray = _.uniqBy(array, 'id');

console.log(uniqueArray);
// 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

优势

简洁性：Lodash 的函数通常比手动编写去重逻辑更简洁。
性能：Lodash 的实现经过优化，通常比简单的 for 循环更快。
灵活性：_.uniqBy 允许你根据对象的特定属性进行去重，这在处理复杂数据结构时非常有用。

应用场景

数据处理：在处理从数据库或 API 获取的数据时，可能需要去除重复项。
前端开发：在渲染列表或表格时，确保每个项目只显示一次。
日志分析：在分析日志文件时，去除重复的日志条目。

可能遇到的问题及解决方法

问题：为什么 `_.uniq` 没有按预期去重？

原因：

可能是因为数组中的元素不是基本类型（如对象），而是引用类型。Lodash 默认使用严格相等（===）来比较元素，对于对象，这意味着只有当它们引用同一个对象时才会被认为是相同的。

解决方法：

使用 _.uniqBy 并提供一个迭代函数，根据对象的某个属性进行去重。

const _ = require('lodash');

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' }
];

const uniqueArray = _.uniqBy(array, item => item.id);

console.log(uniqueArray);
// 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

通过这种方式，可以确保根据对象的特定属性进行正确的去重。

页面内容是否对你有帮助？

有帮助

没帮助

Lodash去弹跳不是去弹跳

、、、、

我正在尝试，虽然它正在调用这个函数，但它似乎根本没有取消它。我的问题似乎与我在其他地方看到的或谷歌的错误不一样(通常，他们没有调用_.debounce返回的函数)。 s.search = -> _.debounce( s._makeSearchRequest, 1000 )() 在JS中，我相信这是： s.search = function() { _

浏览 1提问于2015-03-19得票数 27

回答已采纳

1回答

如何在onChange react事件上执行去反弹？

、

例如，我需要意识到当用户快速键入内容并发送一次请求2ms时，我需要以某种方式去抖动 placeholder="add"} type: LOAD_TAB_INFO,}); 我尝试使用自定义去抖动

浏览 2提问于2018-09-29得票数 12

2回答

如何在react原生中使用Jest测试lodash的去抖动功能？

、、、、

我不能在我的react本机组件中使用jest来测试包含去反跳函数的方法。有人能帮我一下吗？ expect(debounce).toHaveBeenCalledTi

浏览 4提问于2019-09-05得票数 1

2回答

Lodash去抖动异步/等待

、、、

在进行api调用之前，我正尝试在应用程序中添加去反跳功能。Copyright @funssies 2019</p> </main> } } 错误:在setSearch方法中，我将获取数据的调用包装在去反跳中

浏览 60提问于2019-09-23得票数 5

回答已采纳

1回答

按键后重置lodash去抖动

、

我想延迟ajax调用与lodash函数debounce。问题是函数只在第一次按键时起作用。例如，从我在输入中写入第一个字母开始，1秒后我就开始输入并调用ajax函数。

浏览 2提问于2018-06-04得票数 0

2回答

Lodash去抖动不起作用

、

const { debounce } = require('lodash'); () => { }, 1000在匿名函数中使用Loash去反跳有问题吗？

浏览 0提问于2017-03-27得票数 9

回答已采纳

3回答

React Native:使用lodash去反弹

、、、

我在玩React Native和lodash的Debust. _.debounce(()=> console.log("debouncing"), 2000)()/> 如果我输入像"foo“这样的输入，我希望控制台只记录一次去抖动现在它记录了3次“去抖动”。

浏览 1提问于2016-12-19得票数 34

回答已采纳

1回答

如何确保Store中的响应属于React/Flux的最新请求

、、、、

我有一个输入字段，我用onChange检查它的有效性。在change事件上，我触发了一个操作，比如：MyActions.checkUsername()，这样我就可以并发地查看用户名是否已经被占用。那么，在React with Flux中解决这个问题的理想方法是什么？

浏览 2提问于2016-07-11得票数 0

3回答

如何在react with lodash中解除事件处理程序的干扰？

、、

import { debounce } from 'lodash'; this.inputChangeHandler2 = debounce(this.inputChangeHandler, 100); <textarea onChange={this.inputChangeHandler2} /> 当我尝试使用lodash去抖动函数时，这里没有发生任何事情。

浏览 33提问于2019-10-11得票数 1

1回答

等待输入字段更改，然后调用函数

、、

我有一个带有输入域的简单表单。我想等待字段完全改变，然后只调用一个函数，因为如果输入包含15个字母，我调用函数更改标题15次，我尝试使用setTimeot，但它不起作用我的功能是： changeCity = (e) => { if(storedHeader !== null) { id : storedHeader.id,

浏览 21提问于2020-07-25得票数 0

3回答

我有一个数据，其中一个人(名字)在一个eggphase类别中出现了多次。我希望每个人只有一个样本，但我不想只保留R找到的第一个样本。我想保留该组在所有其他类别中出现最多的那个类别。希望我的例子能让你明白这一点。myDF <- read.table(text="Tissue Food Eggphase Name Group wb fl after Kia c wb fl before Lucy c wb fl

浏览 3提问于2017-11-13得票数 0

2回答