Javascript——数组去重的方法

一时失言乱红尘 2024-04-08 09:45 75阅读 0赞

**目录**

1 使用splice()方法

2 lastIndexOf() 方法

3 indexof()

4.includes()

参数:想要查找的数组元素 返回值:false/true

5 forEach＋indexOf

6 filter+includes

7 filter+indexOf

8 set去重 成员是唯一的

--------------------

##  ##

##  ##

## 1 使用splice()方法 ##

var arr=[1,2,3,3,2,'hello','hello'];
    // 1.双层for循环
    function unique(arr){
    	// 第一层for循环控制第一个数
    	for(let i=0;i<arr.length;i++){
    		// 第二层循环控制第二个数
    		for(let j=i+1;j<arr.length;j++){
    			// 判断前后是否相等
    			if(arr[i]===arr[j]){
    				arr.splice(j,1);
    				// 修正下标
    				j--;
    			}
    		}
    	}
    }
    unique(arr);
    console.log(arr);
    
    //splice修改原数组

## 2 lastIndexOf() 方法 ##

var arr=[1,2,3,3,2,'hello','hello'];
    function unique(arr){
    	let newArr=[];
    	for(let i=0;i<arr.length;i++){
    		if(newArr.lastIndexOf(arr[i])===-1){
    			newArr.push(arr[i])
    		}
    	}
    	return newArr
    }
    console.log(unique(arr));

## 3 indexof() ##

var arr=[1,2,1,2,3,];
    function quc(arr){
    let newArr=[];
     for(var i=0;i<arr.length;i++){
        if(newArr.indexOf(arr[i]===-1)){
            newArr.push(arr[i]);
        }
      }
    return newArr;
    }
    
    console.log(quc(arr));

var arr=[1,1,2,1,'hello','hello',3,3];
    var b=[];
    for(var i=0;i<arr.length;i++){
    var a=arr.indexOf(arr[i]);
    console.log(i,a);
    	if(a==i){
    		b.length++;
    		b[b.length-1]=arr[a];
    	}
    }
    console.log(b);

## 4.includes() ##

## 参数:想要查找的数组元素 返回值:false/true ##

var arr=[1,2,3,4];
    console.log(arr.includes(6));//false
    
    
    
    var arr=[1,2,3,3,2,'hello','hello'];
    function unique(arr){
    	let newArr=[];
    	for(let i=0;i<arr.length;i++){
    		if(!newArr.includes(arr[i])){
    			newArr.push(arr[i])
    		}
    	}
    	return newArr
    }
    console.log(unique(arr));

## 5 forEach＋indexOf ##

var arr=[1,2,3,3,2,'hello','hello'];
    function unique(arr){
    	let newArr=[];
    	arr.forEach(function(item){
    		if(newArr.indexOf(item)===-1){
    			newArr.push(item)
    		}
    	})
    	return newArr;
    }
    console.log(unique(arr));

## 6 filter+includes ##

var arr=[1,2,3,3,2,'hello','hello'];
    function unique(arr){
    	let newArr=[];
    
    //  代码优化 直接返回 filter结果。
    
    	return arr.filter(function(item){
    		return newArr.includes(item)?"":newArr.push(item)
    	})
    	// return newArr;
    }
    console.log(unique(arr));

## 7 filter+indexOf ##

var arr=[1,2,3,3,2,'hello','hello'];
    function unique(arr){
    	let newArr=[];
    
    //  代码优化 直接返回 filter结果。
    
    	return arr.filter(function(item){
    		if(newArr.indexOf(arr[i]===-1){
                  newArr.push(arr[i])
    }
    	})
    	// return newArr;
    }
    console.log(unique(arr));

## 8 set去重 成员是唯一的 ##

var arr=[1,2,3,3,3,2,'hello','hello'];
    let set=new Set(arr);
    console.log(set);
    // 转换成数组，1,Array.form   2 ... 拓展运算符。
    console.log(Array.from(set));
    console.log([...set]);

**indexOf与includes的区别：**

var arr=[1,2,NaN];
    console.log(arr.indexOf(NaN));//-1
    console.log(arr.includes(NaN));//true

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript——数组去重的方法

目录 1 使用splice()方法 2 lastIndexOf() 方法 3 indexof() 4.includes() 参数:想要查找的数组元素返回值:fals

一时失言乱红尘/ 2024年04月08日 09:45/ 0 赞/ 76 阅读

相关 javascript数组去重方法汇总

前言 -------------------- 数组去重已经是一个老生常谈的问题了，依然经久不息，经过岁月的变迁es标准的升级迭代，似乎有越来越多的方法和方式供我们使用

太过爱你忘了你带给我的痛/ 2023年10月17日 21:08/ 0 赞/ 80 阅读

相关 Javascript数组去重方法汇总

前言关于数组去重，也算是一个比较常见的面试题了。但是有点开发经验的同学又会发现，前端数组去重的操作很少见（也可能是我个人经验不足遇到的比较少）。这是为什么呢？。我感觉可

悠悠/ 2023年06月16日 01:54/ 0 赞/ 6 阅读

相关 JavaScript数组去重

目录 1. Set （集合） 2. indexOf 3. 排序，比较相邻元素

Dear 丶/ 2022年11月27日 09:00/ 0 赞/ 217 阅读

相关 JavaScript数组去重方法总结

数组不像对象和hash有唯一的标志特征(key)。所以，数组去重的核心就是【1】数组内元素互相比较，然后放入新的数组中。【2】参照对象构建一个唯一的特征标志，然后放入新数组中。

悠悠/ 2022年10月01日 09:49/ 0 赞/ 280 阅读

相关 JavaScript - 数组去重

<script> var arr = [1,1,1,2,2,3,4,5,6,3,4,2,4,1]; for(var i=0;i<arr.length;i++){ for

逃离我推掉我的手/ 2022年09月05日 12:59/ 0 赞/ 242 阅读

相关 javascript数组去重方法

> 思路：创建一个新的空数组，循环遍历旧数组，用indexOf()方法，可以取得元素在数组中的位置，如果值为-1表示不存在。那么新数组用indexOf去获取老数组的每一个元素，

ゞ浴缸里的玫瑰/ 2022年07月12日 23:29/ 0 赞/ 236 阅读

相关 javascript 数组去重实现方法

代码： <!doctype html> < html> < head> < meta charset= "utf-8" > < title > 数组去重 </ ti

绝地灬酷狼/ 2022年05月28日 05:39/ 0 赞/ 230 阅读

相关 JavaScript~数组去重方法

方法一：for循环 for(var i=0;i<arr.length;i++)\{ for(var j=i+1;j<arr.length;j++)\{

骑猪看日落/ 2022年05月19日 12:23/ 0 赞/ 290 阅读

相关 JavaScript 各种数组去重方法

一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new

叁歲伎倆/ 2021年12月18日 14:11/ 0 赞/ 303 阅读