开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js判断数组去重

在JavaScript中，判断数组去重可以通过多种方法实现。以下是一些常见的去重方法及其基础概念：

1. 使用Set对象

Set是ES6引入的一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。

示例代码：

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

优势：

简洁高效，代码量少。
内置去重功能，无需手动编写去重逻辑。

2. 使用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]

优势：

兼容性好，适用于所有支持JavaScript的环境。

3. 使用reduce和includes

通过reduce方法和includes方法结合使用，可以逐步构建去重后的数组。

示例代码：

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

优势：

灵活性高，可以在去重的同时进行其他操作。

4. 使用Map对象

通过Map对象来记录已经出现过的元素，从而实现去重。

示例代码：

const array = [1, 2, 2, 3, 4, 4, 5];
const map = new Map();
const uniqueArray = array.filter(item => !map.has(item) && map.set(item, 1));
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

优势：

性能较好，特别是在处理大数据量时。

应用场景

数据清洗：在处理用户输入或外部数据时，去除重复项。
数据统计：在进行数据分析时，确保数据的唯一性。
用户界面：在展示列表或表格时，避免重复显示相同的数据。

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

性能问题：在处理大数据量时，某些方法（如filter和includes）可能会导致性能下降。此时可以考虑使用Set或Map对象来提高性能。
复杂数据类型：对于对象数组，简单的去重方法可能无法正常工作。此时可以使用Map对象，通过对象的某个唯一属性来进行去重。

示例代码（对象数组去重）：

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' }
];
const map = new Map();
const uniqueArray = array.filter(item => !map.has(item.id) && map.set(item.id, 1));
console.log(uniqueArray); // 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

通过以上方法，可以有效地实现数组去重，并根据具体场景选择最适合的方法。

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

有帮助

没帮助

相关·内容

js数组去重

对于如下对象数组 [{id: 0, name: "name1"}, {id: 1, name: "name2"},{id: 1, name: "name2"},{id: 1, name: "name2"...+= mulArr[j].name; } } } console.log(ret); 对于形如这种字符串或数字数组去重

3.5K0 0

js数组去重

参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Obje...

2.4K3 0

js数组去重

我们使用数组解构+Set去重： let list = [1,1,2,3] list = [...new Set(list)] 这里set是一个不重复的集合类，构造函数中我们传入了另一个list 如果是两个数组去重

2.8K4 0

js 数组去重

封装了几个js对数组的处理 1.获取数组中某一列的全部内容 let arr = [ { id:'232122', name: '张三' },{ id:'12122',...array_column(arr, column) { return arr.map(x => x[column]) } array_column(arr,'name'); // ['张三','王二'] 2.数组去重...1,1,1,2,3]; function array_unique(arr) { return [...new Set(arr)]; } array_unique(arr); //[1,2,3] 3.二维数组去重...array_unique_two_dimensional(arr) { var obj = {}; for (var i = 0; i < arr.length; i++) { // 判断当前项是否遍历过...return arr; }; array_unique_two_dimensional(matrix); // [[3,4,5,6], [1,2,3,4]]; 4.二维数组去重

3.7K1 0

JS手撕(一) 类型判断、instanceof、数组去重

JS手撕(一) 类型判断、instanceof、数组去重前言看这篇文章的小伙伴，建议看完每一节，都尝试自己手撕一遍，最好就是弄懂原理后再开始手撕(不要边看边手撕，会产生依赖)，本人就是看别人的文章后手撕的...(因为手撕题型记不住，还有一些大佬有很有意思的解法) 类型判断有用过JS一段时间的小伙伴应该对typeof比较属性，我们需要进行类型判断的时候一般都会先想到它。...console.log(myInstanceof(null, Object)); // false console.log(myInstanceof(123, Number)); // false 数组去重...filter 使用filter来实现数组去重就有点有意思了。filter就是遍历一遍数组，只返回满足条件的。...通过reduce来实现数组去重就是设置初始值为[]，如果累加的数组中不包含当前处理的元素则添加到数组中去。然后返回累加的数组。

1.7K1 0

javascript数组去重set方法_js数组去重api

数组去重的几种方法 1.遍历数组法 ---- 这是最简单的数组去重方法，实现思路：新建一新数组，传入要去重的数组，遍历该数组，若值不在新数组中则加入该数组；需要注意点：判断值是否在数组的方法“indexOf...-1){ new_arr.push(val); } }); return new_arr; } 2.对象键值对法 ---- 思路：新建一对象以及数组...，遍历传入的数组，判断值是否为js对象的键，若不是则新增键值，并放入数组中；需要注意的地方：判断是否为js对象键时，会自动对传入的键toString(); function removeDup2...false : (obj[type] = item); } ) } // 可去除undefined, NaN, Object重复项 4.ES6，Set和Map去重 ---

2.6K2 0

js 数组去重原

newArr; }; var arr = [1,3,1,2]; console.log(arr.unique()); 但是IE6-IE8不支持数组的

2.4K3 0

js对象数组去重

利用对象的键名无法重复的特点，必须知道至少一个对象数组中的对象的属性名，对象数组中必须有唯一的id，并且不重复。ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复。...Array.from方法 Array.from方法可以将 Set 结构转为数组 const items = new Set([1, 2, 3, 4, 5,1,2,3,4,5,]); Array.from...(items);//[1,2,3,4,5] 对象数组中的去重 var arr = [{id: '1',name: '小红'},{id: '3',name: '小黄'},{id: '2',name: '小明...item=>item.id)).size< arr.length){console.log('有重复')}else{console.log('没有重复')}//有重复的 //将获得的json转化为数组

4.8K1 0

js对象数组去重

方法一：采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。...: '04', value: '哈哈' },{ key: '01', value: '乐乐' }]; // 方法1：利用对象访问属性的方法，判断对象中是否存在...01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}] 方法二：采用数组中的...reduce方法，遍历数组，也是通过对象访问属性的方法。...// 方法2：利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值 var obj = {}; arr = arr.reduce(

2.8K3 0

JS数组、数组对象去重方法

} } return newArr } } console.log(deduplication(arr1)); //3,5,6,7,test 对象数组去重方法...1. reduce方法去重 let obj = {}; let arr = [ { name: 'swt', pwd: '123456' }, { name: 'swt...ES6 Set Set本身是一个构造函数，用来生成Set结构；它类似于数组，但是成员的值是唯一的，没有重复的值 let arr = [ { name: 'swt', pwd: '123456

13.7K3 0

js实现数组去重操作

js数组去重一般两种方法，一种是通过循环判断的方式来去重，另一种方式是通过ES6标准的set集合来实现去重，下面分别来看代码。...循环判断去重算法算法的实现原理就是通过两重循环，内部循环判断是否相等，如果相等将外层循环的循环变量+1，这样减少了循环的次数，之后当内部循环结束一次之后arr[i]则为第一个与前一个元素不相等的值。...然后赋值给一个新的数组。重复操作即可完成去重。...} var arr=["red","red","1","5","2","2","1"]; var theArr = delRepeat(arr);//此时theArr的值为：red,5,2,1 set去重...set的方式去重就相当简单了，因为在set这种数据结构中是不允许出现相同的值得，所以利用这一特性可以方便的实现数组去重。

1.9K1 0

最全的JS数组去重

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。...在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。文末有福利哦 1....新建一个空的结果数组，for 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。...利用hasOwnProperty 判断是否存在对象属性 8....]){ array.splice(index,1); } loop(index - 1); //递归loop，然后数组去重

2K2 0

JS 数组去重的几个方法

1 Array.prototype.unique1 = function () { 2 var n = []; //一个新的临时数组 3 for (var i = 0; i 数组 4 { 5 //如果当前数组的第i已经保存进了临时数组，那么跳过， 6 //否则把当前项push到临时数组里面 7 if (n.indexOf...n; 10 }; 11 12 13 Array.prototype.unique2 = function() 14 { 15 var n = {},r=[]; //n为hash表，r为临时数组...16 for(var i = 0; i 数组 17 { 18 if (!...{ 33 //如果当前数组的第i项在当前数组中第一次出现的位置不是i， 34 //那么表示第i项是重复的，忽略掉。

2.6K1 0

简单的js 数组去重方法

数组去重方法 arr //将要去重的数组 model //判断数组去重的字段 function unique ( arr,model ) { //数组去重 let res = [arr[

2.2K1 0

超实用的JS数组去重

一、简单的去重方法，利用数组indexOf方法 // 最简单数组去重法 /* * 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */...let array = [1, 2, 3, 2, 2, 3, 4, 3, 4, 5]; // 数组去重 function unique(ary) { let newAry = []; for.../*==数组去重==*/ let ary = [1, 2, 3, 2, 2, 3, 4, 3, 4, 5]; /* * 1.依次拿出数组中的每一项（排除最后一项：最后一项后面没有需要比较的内容）...;//=>删除后不能让k累加了 k--;//=>删除后先减减，在加加的时候相当于没加没减 } } } console.log(ary); 三、对象键值法去重...let ary = [1, 2, 2, 2, 1, 2, 3, 2, 3, 2, 1], console.log(Array.from(new Set(ary))); //=>基于ES6 SET实现去重

2.1K2 1

JS数组添加数据、数组排序、数组去重

var Data = []; //后台请求返回的result.result.Table for(var i = 0;i < Table.length; i++){ //一维数组...Data.push(Table[i].字段); //二维数组 Data.push({ "value":Table[i].字段}); //多维数组...Table.push(Data); } //数组排序(从小到大) function pup(Data,key){ for (var i = 0; i < Data.length...Data[j]=Data[j+1]; Data[j+1]=temp; }; }; }; return Data; }; //数组去重

4K3 0

Golang数组去重&切片去重

合并两个整型切片，返回没有重复元素的切片，有两种去重策略 1....通过双重循环来过滤重复元素（时间换空间） // 通过两重循环过滤重复元素 func RemoveRepByLoop(slc []int) []int { result := []int{} /...效率第一，如果节省计算时间，则可以采用如下方式 // 元素去重 func RemoveRep(slc []int) []int{ if len(slc) < 1024 { //

3.7K2 0

数组去重

利用两个for循环和push方法思路：利用两个for循环.遍历数组中的每一项，对每一项又遍历这项后面的每一项。...直到其后面没有重复的元素就push进新数组 function distinct(arr){...var b = distinct(a); console.log(b); //1,2,3,4,5,6,56 利用sort和splice 思路：先用sort方法将数组排序...新建一个对象obj，遍历数组中的每一项，如果!...// return Array.from(new Set(array)); return [... new Set(array)]//用[...A]将A转换为数组

3.1K3 0

java数组去重_JAVA数组去重常用方法

“Python”, “C++”, “Java”}; test1(arrStr); test2(arrStr); test3(arrStr); test4(arrStr); } //方法1：通过List去重...list.contains(arrStr[i])) { list.add(arrStr[i]); } } System.out.println(list); //返回一个包含所有对象的指定类型的数组...newArrStr = list.toArray(new String[1]); //System.out.println(Arrays.toString(newArrStr)); } //方法2：通过Map去重...; for (String str : arrStr) { map.put(str, str); } System.out.println(map.keySet()); } //方法3：通过Set去重...HashSet(); for (String str : arrStr) { set.add(str); } System.out.println(set); } //方法4：通过lambda去重

3.4K2 0

一看就会——js数组去重

原生for循环去重 var str = [ 1, 2, 2, 2, 2, 3, 4, 43, 2, 21, 2, 1, 1, 1, 2, 3, 3, 4, 5, 6, 7...console.log(strArr) //去重后 ES6中的set方法去重 set是一个集合允许存储任何类型的唯一值，无论是原始值还是对象引用 set通过构造函数的方式生成，接收一个数组作为参数..., 1, 1, 1, 2, 3, 3, 4, 5, 6, 7, 7, 6, 57, 7, 89, 9, 6, 45, 32, 43, 43, ] //es6中的set方法去重...( new Set(str) ) ) //去重后 //ES6中的set方法不允许重复。...()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

5944 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭