整理了js数组去重4种方法

1.利用es6的iterable数据结构set

原理：

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。

(利用的算法类似'==='，与'==='的区别是 ‘===’认为NaN != NaN ,set的算法认为它们是相等的，但是set认为对象都是不相等的。)

const set = new Set([1, 2, 3, 4, 4]);   [...set]   => [1, 2, 3, 4]复制代码

Array.from()可以将set结构转成数组。

distinct = (arr) =>{return Array.from(new Set(arr));
}let arr = [2,1,3,5,1,2,4];
distinct(arr);
=> [2, 1, 3, 5, 4]复制代码

2.利用排序

原理：排序后，然后相邻元素比较

distinct = (arr) =>{let  arrSort = arr.sort();let _arr = [];for(let  i = 0; i < arrSort.length; i++){if(arrSort[i] !== arrSort[i+1]){_arr.push(arrSort[i]);}}return _arr;
}
let arr = [2,1,3,5,1,2,4];
distinct(arr);
=>[1, 2, 3, 4, 5]
复制代码

3.利用indexof,forEach

原理：利用forEach的三个参数和indexOf()的第二个参数，在数组中检测该元素后方是否有与该元素相同的元素。

distinct = (arr) =>{let _arr = [];arr.forEach((item, index, arr) => {var bool = arr.indexOf(item,index+1);if(bool === -1){_arr.push(item);}})return _arr;
}
let arr = [2,1,3,5,1,2,4];
distinct(arr);
=> [3, 5, 1, 2, 4]   //1是后面的1，2也是后出现的2.复制代码

4.利用splice

原理：splice()删除元素，会改变原数组。

distinct = (arr) =>{let len = arr.length;  for(let i = 0; i < len; i++) {  for(let j = i + 1; j < len; j++) {  if(arr[i] === arr[j]) {  arr.splice(j,1);  len--;  j--;  }  }  }  return arr;
}
let arr = [2,1,3,5,1,2,4];
distinct(arr);
=>[2, 1, 3, 5, 4]复制代码

整理了js数组去重4种方法相关推荐

js 简单的数组去重13种方法
js 数组去重十几种数组去重的方法,有的去重构思可以大致相同. 上篇的几种数组去重 https://blog.csdn.net/weixin_47988564/article/details/106 ...
js数组去重（多种方法）
1 // js数组去重 2 Array.prototype.fun1 = function(){ 3 var arr = this, 4 result = [], 5 i, 6 len = arr.l ...
JavaScript数组去重6种方法
数组去重涉及基础知识较多,总结了以下6个方法: 双重for循环,push新数组: 双重for循环,splice原数组: 单个for循环,遍历对象属性: 单个for循环,sort排序后遍历: ES5,i ...
(PASS)JAVA数组去重三种方法 (不用集合)
第一种方法(只学到数组的看): 定义一个新的数组长度和旧数组的长度一样,存储除去重复数据的旧数组的数据和0, package demo01;import java.sql.Array; import ...
超全的数组去重12种方法
前言数组去重,可以说是一个比较常见的面试题,今天来盘点一下都有哪些方法可以实现数组去重. 方法1.双重for循环这是一个最笨的方法,双重循环. var arr = [1, 2, 3,4 ,5,6, ...
c语言用hash方式数组去重,js数组去重的hash方法
对于 JavaScript 数组去除重复项,现在有多种方法,其中一种是hash,如下: if (!Array.prototype.unique) { Array.prototype.unique = ...
Js数组去重的多种方法
方法一原理:利用双层循环将相邻元素 arr[i]和arr[i+1] 进行比较,相等则数组删除arr[i+1] 下标元素 var arr = [1,23,1,1,1,3,23,5,6,7,9,9, ...
数组去重10种方法（干货）！！！
1.双重for循环去重 2.利用indexOf(),判断该数值第一次出现的索引下标是不是和本身的索引下标一样,如果不一样就说明有重复 3.利用filter方法 ,如果数据数值第一次出现的索引下标和自身 ...
Javascript中数组去重的六种方法
数组去重第一种方法: 先对数组进行排序sort(),排好序,然后把数组的当前项和后一项进行比较,相同则使用数组的splice(相同的位置,1),但是为了防止数组塌陷,每次删除数组元素的时候要把i的值 ...

整理了js数组去重4种方法

整理了js数组去重4种方法相关推荐

最新文章

热门文章