js对象转数组并去重 js对数组去重

小咪咪 2021-10-23 13:26 486阅读 0赞

**js对象转数组**

function toArray(){ 
    	var data = { a:1,b:2,c:3,d:4,e:1,f:4};
    	var arr=[];
    	for (let i in data){ 
    		arr.push(data[i])
    	}
    	console.log(arr)；
    }

es6中

function toArray(){ 
    	var data = { a:1,b:2,c:3,d:4,e:1,f:4};
    	
    	console.log(Object.keys(data))		//["a", "b", "c", "d", "e", "f"]
    	console.log(Object.values(data))	//[1, 2, 3, 4, 1, 4]
    }

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

**js对数组去重**

**1. 遍历数组法**  
它是最简单的数组去重方法（indexOf方法）  
实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中；

var result = [];
    for(var i=0; i<arr.length;i++){ 
    	if(result.indexOf(arr[i])==-1){ 
    		result.push(arr[i]);
    	}
    }
    console.log(result);	//[1, 2, 3, 4]

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

**2. 数组下标判断法**  
调用indexOf方法，性能和方法1差不多  
实现思路：如果当前数组的第 i 项在当前数组中第一次出现的位置不是 i，那么表示第 i 项是重复的，忽略掉。否则存入结果数组。

var result = [];
    for(var i=0; i<arr.length;i++){ 
    	if(arr.indexOf(arr[i])==i){ 
    		result.push(arr[i]);
    	}
    }
    console.log(result);	//[1, 2, 3, 4]

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

**3. 排序后相邻去除法**  
实现思路：给传入的数组排序，排序后相同的值会相邻，然后遍历排序后数组时，新数组只加入不与前一值重复的值。

arr.sort();
    var result = [arr[0]];
    for (var i=1;i<arr.length;i++) { 
    	if(arr[i] != result[result.length-1]){ 
    		result.push(arr[i])
    	}
    }
    console.log(result);

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

**4. 优化遍历数组法（推荐）**  
实现思路：双层循环，外循环表示从0到arr.length，内循环表示从i+1到arr.length  
将没重复的右边值放入新数组。（检测到有重复值时终止当前循环同时进入外层循环的下一轮判断）

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

**5. ES6中set**  
ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。  
Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。

//es6实现
    var arr = [1,2,3,4,3,2,4]
    var x = new Set(arr);
    console.log(x)	//Set(4) {1, 2, 3, 4}
    x = Array.from(x)	//将set转换为数组
    console.log(x)	//[1, 2, 3, 4]

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