js中数组去重

ゝ一纸荒年。 2023-06-08 03:29 9阅读 0赞

## 数组去重 ##

**js中的数组去重**  
*1.创建一个新数组，把数组中的每一个元素插入到新数组中  
2.遍历原数组中每一个元素分别和新数组中的每一个元素进行比较*

## **1.对一个数组去重处理** ##

***第一种去重方法***

<script>
    	//原数组
    	var arr = [1,2,5,41,1,2,1,4,5,8,10]
    	//新数组
    	var t = [];
    	t[0] = arr[0];
    	//arr中的每一个元素
    	for (var i = 0;i < arr.length; i ++){ 
    		//t中的每一个元素
    		for (var j = 0;j < t.length;j++){ 
    			//当原数组中的值和新数组中的值相同的时候，就没有必要再继续比较了，跳出内循环
    			if (t[j] == arr[i]){ 
    				break
    			}
    			//拿原数组中的某个元素比较到新数组中的最后一个元素还没有重复
    			if (j == t.length-1){ 
    				//将数据插入到新数组
    				t.push(arr[i])
    			}
    		}
    	}
    </script>

**可以把数组去重定义成函数**

<script>
    var arr1 =  [1,2,5,41,1,2,1,4,5,8,10];
            function arrayFilter(arr){ 
                var newArray = [];
                newArray [0] = arr[0];
                for(var i = 0;i<arr.length;i++){ 
                    for(var j = 0;j<newArray.length;j++){ 
                        if(arr[i]==newArray[j]){ 
                            break;
                        }
                        if(j == newArray.length-1){ 
                           newArray.push(arr[i])
                        }
                    }
                }
                console.log(newArray)
            }
            arrayFilter(arr1)
     </script>

![在这里插入图片描述][20191016102247290.png]

***第二种方法 使用es6 中的 Set函数***

var arr = [1,2,5,41,1,2,1,4,5,8,10];
    let t = Array.from(new Set(arr))
    console.log(t)

![在这里插入图片描述][20191014155430721.png]

## **2.取出两个数组中相同的数据** ##

<script>
            var arr1 = [1,3,4,54,6,4,23,674,4,2,1,2,3,80];  //声明第一个数组
            var arr2 = [1,3,4,6,78,5,65,6,5,6,56,5,75,80]; //声明第二个数组
            var arr3 = [];  //声明第三个空数组，放第一个数组和第二个数组相同的数据
            for (var i = 0;i <arr1.length;i++){ 
                for (var j = 0; j < arr2.length; j++){ 
                    if (arr1[i] == arr2[j]){ 
                        arr3.push(arr1[i])
                    }
                }
            }
            console.log('取出两个数组中相同的元素',arr3)
    
        </script>

结果：  
![在这里插入图片描述][20191016100355723.png]  
**由于新数组中有重复的数据可以使用数组去重把重复的数据去除。**

console.log('对数组arr3去重',Array.from(new Set(arr3)))

![在这里插入图片描述][2019101610095952.png]

## ***3.获取两个数组不相同的数据*** ##

<script>
    		 var arr1 = [1,3,4,54,6,4,23,674,4,2,1,2,3,80];  //声明第一个数组
            var arr2 = [1,3,4,6,78,5,65,6,5,6,56,5,75,80]; //声明第二个数组
    		// 获得两个数组中不一样的数据
            function getDifferent(arr1,arr2){ 
                return arr1.concat(arr2).filter(function(v,i,arr){ 
                    return arr.indexOf(v) === arr.lastIndexOf(v)
                })
            }
            console.log(getDifferent(arr1,arr2))
    </script>

![在这里插入图片描述][20191016102733108.png]  
\*\*

## 4.把两个数组合并成一个数组，并去掉相同的数据 ##

\*\*

<script>
    		 var arr1 = [1,3,4,54,6,4,23,674,4,2,1,2,3,80];  //声明第一个数组
            var arr2 = [1,3,4,6,78,5,65,6,5,6,56,5,75,80]; //声明第二个数组
            //arr1.concat(arr2) 数组arr1和数组arr2合并成一个新数组。
    		 console.log(Array.from(new Set(arr1.concat(arr2))))
    </script>

![在这里插入图片描述][20191016103058492.png]

[20191016102247290.png]: /images/20230531/01bcf0e78ec84cc696e08f7469173a13.png
[20191014155430721.png]: /images/20230531/9287b663d3754611a3d06e78789e6299.png
[20191016100355723.png]: /images/20230531/0f43aaa3ee1947f9b3347dee8a939e26.png
[2019101610095952.png]: /images/20230531/622f21f5d87e477c967ef9b5aab40429.png
[20191016102733108.png]: /images/20230531/a5f6cf33bf2140c28f983bbf9f265805.png
[20191016103058492.png]: /images/20230531/e85dc0a4b9b349628fbe886192a37544.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js中数组去重

数组去重 js中的数组去重 1.创建一个新数组，把数组中的每一个元素插入到新数组中 2.遍历原数组中每一个元素分别和新数组中的每一个元素进行比较 1.对一个数

ゝ一纸荒年。/ 2023年06月08日 03:29/ 0 赞/ 10 阅读

相关 JS中数组去重

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t

迷南。/ 2023年01月20日 14:48/ 0 赞/ 167 阅读

相关 js数组去重

NO.1 Array.prototype.unique1=function(){ var n=[]; for(var i=0;i<this.lengt

系统管理员/ 2022年07月15日 11:12/ 0 赞/ 294 阅读

相关 JS数组去重

[数组去重方法][Link 1] 简单数组去重： { const a = [1, 3, 4, 1, 5, 2, 6, 7, 8, 3]

缺乏、安全感/ 2022年03月25日 02:56/ 0 赞/ 304 阅读

相关 JS数组去重

一、入门方案 function unique(origin) { var result = []; for(var i = 0;

怼烎@/ 2022年03月16日 06:24/ 0 赞/ 357 阅读

相关 js数组去重

> 数组是多种类型可以混合的 > > \[undefined,null,NaN,\{\},\{\},NaN,undefined,null\] 下面我们以一个带有重复元

客官°小女子只卖身不卖艺/ 2022年01月31日 15:17/ 0 赞/ 387 阅读

相关 js数组去重

/\\ \ 数组去重 \ @param \{\数组\} songs \/ export function arrayUnique(songs) \{ const re

雨点打透心脏的1/2处/ 2021年12月21日 12:17/ 0 赞/ 381 阅读

相关 js数组去重

用es6的Set 或者用filter let arr = [1,2,3,3,6,6,77,9,3,2,1,23,68] let result = [.

阳光穿透心脏的1/2处/ 2021年11月09日 05:28/ 0 赞/ 493 阅读

相关 JS 数组去重

var getDate = [30, 53, 45, 64, 30, 66, 33, 64, 53] ; getDate.sort(); var re

我不是女神ヾ/ 2021年10月08日 05:58/ 0 赞/ 567 阅读

相关 JS数组去重

JS数组去重 js代码： // indexOf实现 var array = [1, 1, '1']; function unique(array) { var ...

朱雀/ 2021年05月11日 06:03/ 1 赞/ 2741 阅读