开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js array 去重复

在JavaScript中，数组去重是一个常见的操作。以下是几种常用的数组去重方法：

1. 使用Set对象

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

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

2. 使用filter方法

filter方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。可以利用这个方法和indexOf方法来去重。

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

3. 使用reduce方法

reduce方法对数组中的每个元素执行一个提供的reducer函数（升序执行），将其结果汇总为单个返回值。可以利用这个方法来去重。

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

4. 使用对象键值对

可以利用对象的键值对特性来去重，因为对象的键是唯一的。

const array = [1, 2, 3, 2, 4, 1];
const uniqueArray = Object.keys(array.reduce((accumulator, currentValue) => {
  accumulator[currentValue] = true;
  return accumulator;
}, {})).map(Number);
console.log(uniqueArray); // [1, 2, 3, 4]

优势

性能：Set对象的方法通常性能较好，因为它是内置的数据结构，专门用于处理唯一值。
简洁性：Set对象和filter方法的语法相对简洁，易于理解和维护。
灵活性：reduce方法和对象键值对方法提供了更多的灵活性，可以根据具体需求进行调整。

应用场景

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

处理用户输入的数据，确保没有重复项。
处理从服务器获取的数据，确保数据的唯一性。
在数据处理和分析中，去除重复的记录。

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

性能问题：对于非常大的数组，某些方法可能会比较慢。可以考虑使用更高效的方法，如Set对象，或者分批处理数据。
数据类型问题：如果数组中包含不同类型的数据（如数字和字符串），需要确保去重逻辑能够正确处理这些情况。
顺序问题：某些方法可能会改变数组的原始顺序。如果顺序很重要，可以选择保留顺序的方法，如filter方法。

希望这些信息对你有所帮助！如果有其他问题，请随时提问。

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

有帮助

没帮助

相关·内容

js & array & shuffle

js & array & shuffle const list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; list.sort(() => Math.random() - 0.5)...[9, 8, 5, 7, 6, 1, 3, 2, 4] list.sort(() => Math.random() - 0.5) (9) [1, 5, 7, 8, 6, 9, 2, 4, 3] Array.sort...() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort refs https...://flaviocopes.com/how-to-shuffle-array-javascript/

2.5K0 0

Js Array对象

Array对象常用方法在数组末尾添加一个或多个元素 - push() 在数组末尾添加一个或多个元素，返回新长度，会修改原数组 var arr = [1, 2, 3, 4, 5] var len1...var arr3 = [1, 2, 3] var str = '123' console.log(Array.isArray(arr3)); //truejs console.log(Array.isArray...(arrayLike1) console.log(arr2) // [undefined, undefined, undefined, undefined] Array.from() Array.from...let arr = [1, 2, 3, 4, 4, 5, 3, 1] arr = new Set(arr) arr = Array.from(arr) console.log(arr); //[1,...2, 3, 4, 5] let str = '12345' str = Array.from(str) console.log(str); //["1", "2", "3", "4", "5"]

7.6K1 0

array去重 java_java 数组去重

, new Obj(“2:00”), new Obj(“3:00”), new Obj(“1:00”), new Obj(“2:00”), new Obj(“3:00”) })); // 测试数组，有重复值...ArrayList oUniq = new ArrayList(); // 存储不重复的数组 for(Obj o:oList){ boolean exists = false; for(Obj e...exists){ // 不存在加入 oUniq.add(o); // 修改oUniq数组 } } System.out.println(oUniq); // 只输出 [1:00, 2:00, 3:00] 没有重复

3.1K1 0

sql distinct 去重复 (mysql)

DISTINCT 去重复（运动扭伤腰。。。悲伤。。。 (▼ _ ▼) ）首先，例如我们的表： ?...首先观察表：其中第二行和第三行和第八行的name1的只是重复的，但第八行的age1确是12，与第二行和第三行不同。第五行和第六行是相同的重复数据。...在这里去除了重复的name1的值，那么在此我们得知到：DISTINCT 的作用是去除重复，那么在这里我们还想得到age1的值该怎么办？...那我们试试以下语句： SELECT DISTINCT name1,age1 FROM table1 在 DISTINCT 后面的name1,age1的作用是去除name1和age1一起的重复，什么叫做两者一起呢

3.4K1 0

c# list 去重复

针对数组可以用List.Distinct(),可以过滤掉重复的内容。

2082 0

JS Array.of 和 Array.fill 方法

Array.of 创建新数组 let arr = Array.of(1, 2, 3, 4, 5) arr // [1, 2, 3, 4, 5] Array.fill 数组填充 Array.fill(value..., start, end) let arr1 = Array(5) // 生成数组长度为 5 的空数组 [empty × 5] arr1.fill(1) // 填充数组每一项 arr1 // [1, 1..., 1, 1, 1] let arr2 = Array.of(1, 2, 3, 4, 5) arr2 // [1, 2, 3, 4, 5] arr2.fill(7, 2, 4) arr2 // [1,

4.8K2 0

Js中Array对象

Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。描述在JavaScript中通常可以使用Array构造器与字面量的方式创建数组。...,,,]); // (3) [empty × 3] 在JavaScript的数组是以稀疏数组的形式存在的，可以认为其是能够按照索引值来排序的特殊对象，所以当在某些位置没有值时，就需要使用某个值去填充。...在Js中使用Array构造器创建出的存在空位的问题，默认并不会以undefined填充，而是以empty作为值，需要注意的是，空位并不是undefined，undefined表示的是没有定义，但是本身undefined..., undefined, undefined] Array.isArray() Array.isArray(obj) Array.isArray()用于确定传递的值是否是一个Array。...Array.of()方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型，Array.of()和Array构造函数之间的区别在于处理整数参数，例如Array.of(7)创建一个具有单个元素

9.9K0 0

js 数组Array用法

var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2...]); //bbb arr.pop(); alert(arr[arr.length-1]); //aaa alert(arr.length); //1 var arr2 = new Array...length); //1 alert(arr2[arr2.length-1]); //aaa /* arrayObj.slice(start, [end]) slice 方法返回一个 Array...; " + b2); //a：[1,2,3,4,5] b："1,2,3,4,5" // 字符串处理函数 function StringBuffer() { var arr = new Array...(1, 3, 5); alert(arrayFindString(arr, 3)); // 1 参考推荐： JS中数组Array的用法 js函数对象 js 函数调用模式小结

5.9K2 0

R语言去重复数据

本次总结来源网络，有多处参考在R语言中，去掉重复数据的函数是：duplicated 删掉所有列中数据一样的： >test <- data.frame( x1 = c(1,2,3,4,5,1,3,5...duplicated(test),] #删掉所有列上都重复的 x1 x2 x3 1 1 a a 2 2 b b 3 3 c c 4 4 d d 5 5 e e 7 3...b c 选择性的删除重复的 > test[!

2.4K2 0

python字符串去重复

参考链接： Python字符串 python字符串去重复先将第一个字符串加入另一个空字符串“temp”；然后从第二个字符串开始与temp中已经加入的字符串对比，若已经存在则不加入temp字符串，若无加入字符串...使用python实现 #只去除字符串两个字符组成的重复字符串 #测试样例：派克盖伦诺手盖伦派克盖伦盖伦 #样例输出:派克盖伦诺手 str2="派克盖伦诺手盖伦派克盖伦盖伦" def Remove_Same...=str1[2*i:2*i+2] : flag=1#若之前有元素想同则标记1 break if flag==0 :#无重复元素则加入... temp=temp+str1[2*i:2*i+2] else :#重复元素，flag置0进入下一个循环 flag=0 return

2K2 0

马甲去重复 c++源码

#include using namespace std; int main() { try { string ifile; cout 重复的文件

9322 0

mysql如何去重复查询

查询出不重复数据有多少条 SELECT distinct phone time FROM 数据.new_table; select phone,time from 数据.new_table group

4.2K3 0

mysql数据库去重复

参考：http://www.cnblogs.com/duanjie/archive/2011/08/13/2136862.html 说到去重复，感觉逻辑很简单。但动手写起来却并不是那么容易。...去重复首先要把要留下的选出来，然后删除其他重复项。distinct虽然好用，但规则不明显。这里采用：select max(id) from user group by 重复依据。...1.取出要留下的数据，本次依据重复项的最大id为保留项。

2.6K11 0

JS Array(数组)简单入门

myArray[1]; // the second item in the array myArray[myArray.length-1]; // the last item in the array...进一步了解数组对象(Array object) 创建数组 // 推荐使用 var arr = [element0, element1, ..., elementN]; // 不推荐 var arr =...new Array(element0, element1, ..., elementN); var arr = Array(element0, element1, ..., elementN); 译者注...var arr = new Array(arrayLength); var arr = Array(arrayLength); // 这样有同样的效果 var arr = []; arr.length...var a = new Array(4); for (i = 0; i < 4; i++) { a[i] = new Array(4); for (j = 0; j < 4; j++) {

2.9K2 0

JS-Array数组对象

DOCTYPE html> Array对象练习 Array()与String()相似') 实验 sort(方法函数)

5.2K5 0

JS 高效去重

function unique(arr) { var result = [], isRepeated; for (var i = 0, len ...

2.5K3 0

js数组去重

return previousValue }, []) console.log(myArrayWithNoDuplicates) es6 方案 let arrayWithNoDuplicates = Array.from...new Set(myArray)) 参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

2.4K3 0

js数组去重

= -1) { //如果包含，先取出该对象，然后遍历查找重复对象 mulObj = map["" + obj.id]; //重复的对象+obj...for(let j=0;j<mulArr.length;j++){ if(ret[i].id == mulArr[j].id){ //说明重复...= mulArr[j].name; } } } console.log(ret); 对于形如这种字符串或数字数组去重

3.5K0 0

SQL学习之去重复查询

下面是一张表的数据执行select content from dbo.Logo，返回以下结果但是这个时候我们只需要相同的内容中的一个即可,但是查询出来的明显有很多重复的, 所以我们只需要在需要查询的字段前加上...DISTINCT关键字即可，所以执行以下代码 select DISTINCT content from dbo.Logo 所有的重复记录都被去掉了。

1.2K7 0

js去重方法

function remove(array){ var obj={}; newarray=[]; for(var i in array){ console.log(i); var arg=array[i...]; if(obj[arg]){ } else{ obj[arg]=array[i]; } console.log(obj); } for(var j in obj){ newarray.push

2.6K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭