js的uniq

uniq 在 JavaScript 中通常指的是一个用于去除数组中重复元素的方法或函数。虽然 JavaScript 原生数组并没有内置 uniq 方法，但我们可以通过多种方式实现数组去重，或者使用一些库提供的 uniq 函数。

以下是一些实现数组去重的方法：

方法一：使用 Set

ES6 引入了 Set 对象，它类似于数组，但是成员的值都是唯一的，没有重复的值。可以利用这个特性来去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

方法二：使用 filter 和 indexOf

可以通过 filter 方法结合 indexOf 来实现去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

方法三：使用 reduce

reduce 方法也可以用来去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((accumulator, currentValue) => {
    if (!accumulator.includes(currentValue)) {
        accumulator.push(currentValue);
    }
    return accumulator;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

方法四：使用 lodash 库的 uniq 函数

如果你使用 lodash 库，可以直接调用其 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]

优势

简洁性：使用 Set 或 lodash 的 uniq 方法可以非常简洁地实现去重。
性能：Set 方法在大多数情况下性能较好，因为它是基于哈希表的，查找和插入操作的时间复杂度接近 O(1)。
可读性：使用 Set 或 filter 结合 indexOf 的方法代码可读性较好，易于理解。

应用场景

数组去重在很多场景下都很有用，例如：

去除用户输入的重复数据。
处理从数据库或 API 获取的数据，确保数据唯一性。
在数据分析或统计中，去除重复的记录。

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

性能问题：对于非常大的数组，简单的去重方法可能会比较慢。这时可以考虑使用更高效的数据结构，如 Set，或者分批处理数据。
复杂数据类型：如果数组中包含对象或其他复杂数据类型，简单的去重方法可能无法正确工作，因为对象在 JavaScript 中是按引用比较的。这时需要自定义比较逻辑或使用库函数来处理。

例如，使用 lodash 的 uniqBy 函数可以根据对象的某个属性去重：

const _ = require('lodash');
const array = [{ id: 1 }, { id: 2 }, { id: 1 }];
const uniqueArray = _.uniqBy(array, 'id');
console.log(uniqueArray); // [{ id: 1 }, { id: 2 }]

这样可以确保根据对象的 id 属性去重。

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

有帮助

没帮助

查找(和计数)重复的JS/Java文件

、、、

-name '*.js' -type f -exec basename {} \; | sort | uniq -c | grep -v "^[ \t]*1 "; echo "$(find .-name '*.js' -type f -exe

浏览 0提问于2018-03-22得票数 2

回答已采纳

2回答

狼吞虎咽的秩序:没有正确地订购

、、

在这里，我下载了，用于在连接*.js时排序js文件，因为我的一些javascript文件需要先加载jquery。var uniq = date.getTime(); return'assets/admin/js/

浏览 5提问于2015-07-12得票数 8

回答已采纳

4回答

要求不是用浏览器化定义的错误。

、、

我刚开始浏览并尝试在浏览器中加载npm模块，但我得到了以下错误： <!="script.js">&

浏览 12提问于2015-02-24得票数 37

回答已采纳

1回答

带节点的类型记录导入

、、、

我刚开始于前端web开发(javascript该死的所有这些包管理器/包)，我正在尝试使用类型记录+浏览器。这是我的index.tsimport {unique} from "uniq"; cons

浏览 7提问于2016-09-26得票数 2

回答已采纳

1回答

除了“uses >1.6.1”之外，这里似乎没有任何结论，但我无法控制不幸地使用了什么原型，除了修改_.reduce方法以不使用本机函数或代理使用减(参见注释)的任何方法之外，我看不到任何解决这个问题的好方法当我更改所包含的库的顺序时，我的应用程序在原型之前就包含了，那么一切都很好，不幸的是，我不能使用它作为解决方案，因为我将无法控制它是如何包含在任何页面中的。我想知道以前是否有人遇到过这个问题，并且有一个可能的解决方案，_.unique总是调用

浏览 3提问于2012-08-01得票数 1

4回答

如何使用下划线的_.uniq函数来帮助记录偶数和奇数？

、、、、

我试图用下划线来帮助打印到控制台的两批独特的偶数和奇数，我想我大约有90%的方式，但我撞墙了。ODD NUMBERS:" + " " + odds); if(_.uniq= evens.length || _.uniq(odds).length != odds.length){

浏览 6提问于2017-03-09得票数 0

回答已采纳

1回答

浏览库而不是文件

、、

以npm库为例，我们首先需要在本地编写使用uniq的代码。// main.jsvar data = [1, 2, 2, 3, 4, 5, 5, 5, 6];我的问题是，是否可以对库进行浏览器化，以便"script“标记中的任何代码都可以使用它。编辑1：在@dNitro<e

浏览 8提问于2017-02-12得票数 0

回答已采纳

6回答

基于文件中第一个字段的唯一行计数

、、

我试图根据第一个字段获取输出到文件的唯一行的计数，其中输入行如下所示：Forms.js /forms/Forms1.js http://www.gumby.com/test.htm 404 Forms.js &#x

浏览 1提问于2012-12-11得票数 2

回答已采纳

1回答

Babel未按预期工作，错误:未定义ReferenceError: require

、、

我正在尝试转换这个简单的代码，以便在浏览器中使用，但是它不能工作，并且在Uncaught ReferenceError: require is not defined上得到了require('uniq'我知道浏览器(在我的例子中是chrome )不支持要求，但我认为这是babel应该做的。 },

浏览 0提问于2020-09-01得票数 4

2回答

比跳链更好更好的性能

、、

我在一些论坛上读到，为了更好的性能和代码的可读性，应该尽可能避免提交链接。因此，是否有一种方法可以在集合中使用本机javascript函数来替换这段代码。_(userCollection).chain() .compact() .value(); 类似这样的东西_.uniq(_.compact(userCollection.map('name')))

浏览 1提问于2018-04-12得票数 1

回答已采纳

1回答

Template.templatename.rendered不能从mongodb返回任何数据

、、

我尝试过在其他模板上单击事件，所有这些都很好，并返回了我想要的结果。但我需要的是在负载状态下渲染图表。但我无法从mongodb获得任何数据。//poll.js for(var i=0; i< 1; i++) var count = getDataCount(dist

浏览 4提问于2013-06-10得票数 2

回答已采纳

2回答

将资产作为字符串传递给CodeIgniter Carabiner库

、、

将只接受其js()和css()函数中的路径：$this->carabiner->js('some/file/in/script/dir$custom_js = $this->load->view("js_with_php_in_it", null, true); $this->carabiner->

浏览 3提问于2013-02-14得票数 0

回答已采纳

1回答

webpack删除输出文件夹中的额外js文件。

、

我希望编译所有scss文件，但不生成额外的js文件，目前我的代码结构是： -index.html-src -index.scss-login.js -test.scss-dist -login.xxxxxx.css -index.xxxxxx.js</e

浏览 5提问于2022-01-30得票数 0

回答已采纳

1回答

猴子补丁阵列在JavaScript中唯一的函数返回？

、、、、

我没有学位，直到我找到一份软件工程师的工作，成为一名自学的程序员；你可以有效地说我已经死了，我也不认为我是一个活着的人。我试图对Array函数进行猴子化，以创建一个uniq()函数，该函数返回数组唯一的所有元素的数组。下面是我的代码： narr = []; if (我知道错误： [noah@Qyain intro

浏览 2提问于2022-07-19得票数 0

回答已采纳

1回答

Rails全局content_for

、、、

content_for :map do %script{:type => "text/javascript", :src => "http://maps.google.com/maps&

浏览 0提问于2010-02-23得票数 3

2回答

Lodash uniqBy函数不从对象数组返回唯一数据

、、

我有一个对象数组，看起来像 const test = [{'activity': {'Name': 'Peter'}}, {'activity': {'Name': 'Peter'}}, {'activity': {'Name': 'John'}},{'activity': {'Name': 'Derek'}}] 在这里，我使用了这个函数 const uniqBuyingSessions = _.uni

浏览 122提问于2020-07-29得票数 0

3回答

Lodash / Javascript -如何找到嵌套在对象中的唯一键

、、

我试着浏览一个大的数据对象，比如说表单： data1: { keyB: 'BValue', },data4: { keyB: 'BValue', }是否有一种方法可以遍历这个对象并返回'id‘的唯一值

浏览 5提问于2017-05-21得票数 1

回答已采纳

1回答

Ramda:提取Uniq值的平面数组

、、

我确实有一个像下面这样的工作代码，但我想知道是否有一种使用Ramda的方法可以将整个表达式转换为一个curried函数，在这个函数中我可以指定输入数据参数。也许甚至会以不同的方式编写一整件事情。const data = [ { val: ['C', 'D'] },] R.uniq</em

浏览 5提问于2018-07-25得票数 1

回答已采纳

2回答

无法在JS [初学者]中使用uniq对补丁数组进行猴子操作

、、、

 narr = []; if (!() => [1, 2, 3]));我正在尝试修改上面的代码，但是我收到了：

浏览 8提问于2022-05-01得票数 0

回答已采纳

11回答

Browserify -如何调用通过浏览器中的browserify生成的文件中绑定的函数

、、

我是nodejs和browserify的新手。我从这个开始。我有文件main.js，它包含以下代码console.log(unique(data));现在我用npm安装uniq模块：然后，我将从main.js开始的</em

浏览 9提问于2014-04-25得票数 111

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js的uniq

方法一：使用 Set

方法二：使用 filter 和 indexOf

方法三：使用 reduce

方法四：使用 lodash 库的 uniq 函数

优势

应用场景

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐